没有合适的资源?快使用搜索试试~ 我知道了~
第一种方法:预览: Html代码 代码如下: <html> <head> <title>浮动窗口</title> <link type=”text/css” rel=”stylesheet” href=”css/overflow.css” /> [removed][removed] [removed][removed] [removed] $(document).ready(func
资源推荐
资源详情
资源评论
jQuery之浮动窗口实现代码之浮动窗口实现代码(两种方法两种方法)
第一种方法第一种方法:
预览:
Html代码代码
代码如下:
<html>
<head>
<title>浮动窗口</title>
<link type=”text/css” rel=”stylesheet” href=”css/overflow.css” />
<script type=”text/javascript” src=”js/jquery.js”></script>
<script type=”text/javascript” src=”js/overflow.js”></script>
<script type=”text/javascript”>
$(document).ready(function(){
var b = $(“#b”);
var overFlow = $(“#over”);
b.click(function(){
overFlow.fadeIn();
$(“#mask”).css(“background”,”#111″);
$(“#mask”).css(“opacity”,”0.8″);
})
$(“#close”).click(function(){
overFlow.fadeOut();
$(“#mask”).css(“background”,”#fff”);
$(“#mask”).css(“opacity”,”1″);
});
drag($(“#over”),$(“#title”));
}) ;
</script>
</head>
<body>
<div id=”over”>
<div id=”title”><span id=”t”>这只是一个演示标题</span><span id=”close”>[ x ]</span></div>
<div id=”content”>
When a container object, such as a div, has mouse capture, events originating on objects within that container are fired by
the div, unless the bContainerCapture parameter of the setCapture method is set to false. Passing the value false causes
the container to no longer capture all document events. Instead, objects within that container still fire events, and those
events also bubble as expected.<br/>
—This is edited by Alp.
</div>
</div>
<div id=”mask”> <a id=”b” href=”#”>click</a></div>
</body>
</html>
Js代码代码
代码如下:
function drag(overFlow,title){
title.onmousedown = function(evt){
var doc = document;
var evt = evt || window.event;
var x = evt.offsetX?evt.offsetX:evt.layerX;
var y = evt.offsetY?evt.offsetY:evt.layerY;
资源评论
weixin_38732425
- 粉丝: 6
- 资源: 942
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功