jquery 信息提示对话框 用CSS3更换一个确认对话框



131 522 175



特效描述:信息提示对话框 确认对话框,jquery信息提示对话框,鼠标点击关闭删除按钮时,点击弹出提示对话框,二次确认用户是否操作该功能。

代码结构

1. 引入CSS

<link href='http://fonts.googleapis.com/css?family=Cuprum&amp;subset=latin' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="jquery.confirm/jquery.confirm.css" />

2. 引入JS

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

3. HTML代码

<div id="page">
        <div class="item">
	        <a href="http://www.dijiuzhanzhang.com">
            	<img src="img/featured/1274.jpg" title="旋转木马图像幻灯片/ CSS3和jQuery的" alt="旋转木马图像幻灯片/ CSS3和jQuery的" width="620" height="340" />
            </a>
            <div class="delete"></div>
        </div>
        <div class="item">
	        <a href="http://www.dijiuzhanzhang.com">
            	<img src="img/featured/1266.jpg" title="制作苹果风格的开机画面" alt="制作苹果风格的开机画面" width="620" height="340" />
            </a>
            <div class="delete"></div>
        </div>
        <div class="item">
	        <a href="http://www.dijiuzhanzhang.com">
            	<img src="img/featured/1260.jpg" title="jQuery的数据的方法- 如何和为什么要使用它" alt="jQuery的数据的方法- 如何和为什么要使用它" width="620" height="340" />
            </a>
            <div class="delete"></div>
        </div>
        <div class="item">
	        <a href="http://www.dijiuzhanzhang.com">
            	<img src="img/featured/1248.jpg" title="使用jQuery制作更好的选择元素和CSS" alt="使用jQuery制作更好的选择元素和CSS" width="620" height="340" />
            </a>
            <div class="delete"></div>
        </div>
        <div class="item">
	        <a href="http://www.dijiuzhanzhang.com">
            	<img src="img/featured/1240.jpg" title="使用jQuery创建一个时尚的即将推出页" alt="使用jQuery创建一个时尚的即将推出页" width="620" height="340" />
            </a>
            <div class="delete"></div>
        </div>
        <div class="item">
	        <a href="http://www.dijiuzhanzhang.com">
            	<img src="img/featured/1209.jpg" title="制作一个AJAX网络聊天" alt="制作一个AJAX网络聊天" width="620" height="340" />
            </a>
            <div class="delete"></div>
        </div>
        <div class="item">
	        <a href="http://www.dijiuzhanzhang.com">
            	<img src="img/featured/1185.jpg" title="快速反馈表W/ PHP和jQuery的" alt="快速反馈表W/ PHP和jQuery的" width="620" height="340" />
            </a>
            <div class="delete"></div>
        </div>
</div>



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


热门标签: flash焦点图 弹出层拖动 窗口提示框 焦点图幻灯片 带标题的焦点图 提示框/弹出层

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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