网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网页特效 >> 页面窗口 >> 正文
最新文章
· 网页窗口拖拽(改变大小/最小化/最大
· 带动画效果的网页右侧伸缩窗口
· 左右拖动改变内容显示区域的大小
· 类似QQ对话框上下部分可拖动代码
· jQuery 内容左右切换效果
· 按分辨率导航相应页面
· 分享一款自制的网页滚动条样式
· ModelDialog 可拖拽的JS模态对话框
· 根据div高度判断分页的代码
· 按下键盘上的按键显示在网页空白处
热门文章
 jQuery 内容左右切换效果
 左右拖动改变内容显示区域的大小
 根据div高度判断分页的代码
 可最小化和关闭的右下角浮动窗口
 超漂亮提取自ZCMS弹出框效果v2.1
 jQuery通用的dialog/popup窗口插件
 Js智能判断浏览器是关闭还是刷新
 网页窗口拖拽(改变大小/最小化/最
 让父页面变暗并不可操作的弹出层提
 多个层的显示隐藏+拖动效果
相关文章
没有相关文章
jQuery通用的dialog/popup窗口插件
来源:懒人图库 更新时间:2010/11/6 13:49:00 阅读次数: 我要投稿
☉预览 ↓下载 #复制 +收藏
特效代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/lanrentuku.js"></script>
<link href="css/Popup.css" rel="stylesheet" type="text/css" />
<title>jQuery通用dialog/popup窗口插件</title>
</head>
<body>

<div style="width:400px;margin:50px auto;">
<h3 style="height:30px;">jQuery通用dialog/popup窗口插件</h3>
  <ul>
    <li><a id="H01" href="#" onmouseover="showHelper('#H01', '帮助主题', '多个TAG标签用半角逗号隔开 懒人图库 www.lanrentuku.com',30)" onmouseout="$('#_Popup_help').remove()" title="查看帮助">帮助窗口(根据位置自动判断在底下弹出)</a></li>
    <li><a id="H02" href="#" onmouseover="showHelper('#H02', '帮助主题', '多个TAG标签用半角逗号隔开',30)" onmouseout="$('#_Popup_help').remove()" title="查看帮助">帮助窗口(根据位置自动判断在头部弹出)</a></li>
  </ul>
  <ul>
    <li><a id="H11" href="javascript:showLoading()" title="查看帮助">显示Loading信息(默认)</a>    <a href="javascript:hideTip()">隐藏Loading信息</a></li>
    <li><a id="H12" href="javascript:showLoading('正在提交数据...')">显示自定义Loading信息(默认)</a>    <a href="javascript:hideTip()">隐藏Loading信息</a></li>
    <li><a id="H13" href="javascript:showLoading('正在加载列表数据...','#H13')">在指定容器内显示Loading信息(默认)</a>    <a href="javascript:hideTip()">隐藏Loading信息</a></li>
    <li><a id="H14" href="javascript:showTip('发表成功,经验 + 5')">显示提示信息</a>    <a href="javascript:hideTip()">隐藏Tip信息</a></li>
    <li><a id="H15" href="javascript:showTip('回复成功,经验 + 1',null,1)">显示提示信息(自动隐藏)</a></li>
  </ul>
  <ul>
    <li><a id="H21" href="javascript:showPrompt('#H21', '对话框', '自定义显示内容','callback')" title="查看帮助">对话框</a></li>
  </ul>        
</div>
</body>
</html>

☉预览 ↓下载 #复制 +收藏
特效说明:
jQuery通用的dialog/popup窗口插件
  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号