利用jquery实现自定义弹窗对话框



37 147 50



特效描述:利用jquery实现 自定义弹窗 对话框,利用jquery实现自定义弹窗对话框

代码结构

1. 引入CSS

<link href="asyncbox/skins/ZCMS/asyncbox.css" type="text/css" rel="stylesheet" />

2. 引入JS

<script type="text/javascript" src="asyncbox/jQuery.v1.4.2.js"></script>
<script type="text/javascript" src="asyncbox/AsyncBox.v1.4.js"></script>

3. HTML代码

<center>
	<div class="box">
        <div class="logo">AsyncBox<span> 测试页面</span></div>AsyncBox(异步盒子)是一款基于 jQuery 的弹窗插件。能够实现网站的整体风格效果,给用户一个新的视觉享受。主要模拟常用的 alert、confirm、prompt、open 和扩展了一些对话框。它通过回调函数触发事件动作并执行,使操作区域更加明了、统一。而且能够在主流浏览器中灵活运用。 
        <form id="form1" name="form1" method="post" action="">
        <p>&nbsp;</p>
        <p>
            <input id="btn_alert" type="submit" value="警告弹窗" />
            <input id="btn_html" type="button" value="打开链接确认" />
        </p>
         </form>
    </div></center>
<div style="text-align:center;clear:both">
</div>



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


热门标签: 弹出层拖动 窗口 弹出 弹窗 弹出层 提示框 对话框 遮罩 遮罩层 弹窗插件 文字提示框 提示文字 提示框/弹出层

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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