基于jQuery实现jBox弹出层插件



48 188 63



特效描述:基于jQuery实现 jBox 弹出层插件,基于jQuery实现jBox弹出层插件

代码结构

1. 引入CSS

<link id="skin" rel="stylesheet" href="Pink/jbox.css" />

2. 引入JS

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

3. HTML代码

<br /><br />
名字:<input type="text" id="name" />
<select><option>fdss</option></select>
<br /><br />
<input type="button" value="demo00" onclick="demo00();" />
<input type="button" value="demo01" onclick="demo01();" />
<input type="button" value="demo01_2" onclick="demo01_2();" />
<input type="button" value="demo02" onclick="demo02();" />
<input type="button" value="demo03" onclick="demo03();" />
<input type="button" value="demo04" onclick="demo04();" />
<input type="button" value="demo042" onclick="demo042();" />
<input type="button" value="demo043" onclick="demo043();" />
<input type="button" value="demo044" onclick="demo044();" />
<input type="button" value="demo045" onclick="demo045();" />
<input type="button" value="demo046" onclick="demo046();" />
<input type="button" value="demo05" onclick="demo05();" />
<input type="button" value="demo06" onclick="demo06();" />
<br /><br />
<input type="button" value="complex01" onclick="complex01();" />
<br /><br />
<input type="button" value="demo07" onclick="demo07();" />
<input type="button" value="demo08" onclick="demo08();" />
<input type="button" value="demo09" onclick="demo09();" />
<input type="button" value="demo01_2" onclick="demo01_2();" />
<div style="text-align:center;clear:both">
</div>



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


热门标签: 拖动 拖拽 拖动插件 拖拽插件 浮动 悬浮 悬浮层 悬浮框 浮动层 浮动框 浮动插件 悬浮插件 弹出层拖动 窗口 弹出 弹窗 弹出层 提示框 对话框 遮罩 遮罩层 弹窗插件 浮动提示框 切换按钮 表单 表单美化 表单插件 表单美化插件 浮动菜单 浮动导航 提示框/弹出层 文本框 text文本框 弹出层拖动 浮动提示框 按钮控制

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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