jquery弹出层插件点击弹出层可拖动特效



184 734 245



特效描述:jquery 弹出层插件 弹出层可拖动特效,jquery弹出层插件点击按钮背景淡隐淡现显示弹出层,当鼠标滑动标题时,可以拖动整个弹出层,点击按钮关闭弹出层。jQuery插件。

代码结构

1. 引入CSS

<link href="image/jquery-webox.css" rel="stylesheet" type="text/css">

2. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script src="js/jquery-webox.js"></script>

3. HTML代码

<a class="Button blueButton Button18" href="javascript:void(0);" id="inside"><strong>点我内嵌弹出层调用</strong></a>
<a class="Button blueButton Button18" href="javascript:void(0);" id="outside"><strong>点我iframe弹出层调用</strong></a>
<div id="box" style="display:none;">
	<div class="mainlist">
		<ul>
			<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jQuery顶部浮动弹出层动画弹出层特效</a></li>
			<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery浮动层动画loading页面加载特效</a></li>
			<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery浮动定位层导航描点上下滚动的浮动导航</a></li>
			<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">jquery 弹出层插件 鼠标点击文字获取标题弹出层内容信息</a></li>
			<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">用jquery特效制作左侧侧边浮动导航菜单滑动显示或隐藏</a></li>
			<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">js弹出层特效点击按钮弹出窗口支持鼠标拖动</a></li>
			<li><span>▪</span><a href="http://www.dijiuzhanzhang.com/" target="_blank">js浮动层制作在线客服float浮动层固定在浏览器左侧</a></li>
		</ul>
	</div>
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 顶部悬浮 底部悬浮 图片拖动 浮动导航菜单 右键菜单 图片头像上传 文字标签 文字拖动 图片广告 文字提示框 文件上传 彩色文字 拖动排序 对联广告 提示框/弹出层 文本框 文字闪烁 layer 下拉框 打字机 弹出层拖动 叠加浮动层 lightbox 复选 文字列表 单选 Tooltip工具提示框 文字弹幕 登录框 浮动提示框 文字高亮 注册框 html5弹窗动画 搜索框 验证码 二级联动 三级联动 城市选择 value赋值 筛选 按钮控制 购物车 颜色选择 表单提交 全选/反选 添加删除 添加标签 密码强度验证 表单验证 html5按钮动画 按钮样式 密码修改设置 文字叠加 文字拖动 文字提示框 文字收缩展开 文字放大缩小 文字翻转旋转 文字淡出淡进 文字全屏 文字延迟加载 拖动拽动 360全景 html5文字动画 悬浮浮动漂浮 文字滚动 文字滑动 文字切换 弹出层拖动 窗口提示框 浮动提示框 图片文字 文字导航菜单 切换按钮 form表单 文字

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到