<!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>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
</head>
<body style="background:black;width:100%;height:100%;margin:0;padding:0">
<div id="showdiv" style="background:white">click here to show a div.</div>
<div id="test" style="background:white;width:150px;height:150px;">
<ul>
<li>list 1</li>
<li>list 2</li>
</ul>
</div>
</body>
<script type="text/javascript">
$(function() {
$("#test").click(function(e) {
e?e.stopPropagation():event.cancelBubble = true;
});
$(document).click(function() {
$("#test").fadeOut();
});
})
</script>
</html>
相关推荐
jquery点击div层图片爆炸碎裂效果,可以添加图片,做成点击碎屏效果
jQuery单击div更改背景颜色
jquery监听DIV的事件,可监听DIV的变化的事件,直接引用即可使用
点击弹出DIV窗口,后面页面变灰,只能操作弹出窗口的内容,点击取消,关闭DIV窗口,恢复原来的页面
jquery实现div模块轮播切换
jQuery Easing div切换效果的例子,不同效果的展示。
jquery div拖动排序效果代码是一款打开从左到右慢慢展开,可自由拖动排序特效.
jquery div 弹出框 jquery div 弹出框 jquery div 弹出框 jquery div 弹出框
下面小编就为大家带来一篇用jQuery向div中添加Html文本内容的简单实现。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Jquery Sortable实现div拖动排序效果 Jquery Sortable实现div拖动排序效果
Jquery实现div左右上下收缩,文档中包含上下收缩,左右收缩
Jquery+div+css 鼠标经过内容切换实例,有用到可以拿去参考哦!
jquery+div实现同时滑动切换的图文展示特效插件下载.rar
遮罩 DIV 拖动 jquery遮罩 DIV 拖动 jquery遮罩 DIV 拖动 jquery遮罩 DIV 拖动 jquery
jquery特效DIV层跟随页面向下滚动
这是一款使用jQuery制作的可以使某个div固定的某个位置的页面布局特效插件。该div固定位置插件可以使侧边栏固定,也可以使顶部div缩小后固定在顶部或使某些按钮固定在页面上,非常实用。
用jQuery实现div跟着鼠标走 鼠标移动时,层也跟着鼠标的移动而移动
jquery 拖动div层 jquery 拖动div层 jquery 拖动div层 jquery 拖动div层
jquery实现div悬浮中央的效果(原创)
透明div可以拖动 Jquery特效,CSS+DIV透明div可以拖动 Jquery特效,CSS+DIV透明div可以拖动 Jquery特效,CSS+DIV