大神帮忙，一个打开网页悬浮在页面中间图片的js文件和index调用代码
求一个打开网页悬浮在页面中间图片的js文件和index调用代码。新手不会js，只会调用，求大神给弄一个。就像火星时代那样的打开网页在页面中间悬浮的，有个X可以关闭。...
求一个打开网页悬浮在页面中间图片的js文件和index调用代码。新手不会js，只会调用，求大神给弄一个。就像火 星 时 代 那样的打开网页在页面中间悬浮的，有个X可以关闭。
展开
1个回答
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
$(".close").click(function(){
$(".wrap").hide();
});
})
</script>
<style>
body{background:#ccc;}
a{text-decoration:none;}
.wrap{width:600px;height:300px;padding:10px;position:fixed;left:50%;top:50%;margin:-155px 0px 0px -305px;overflow:hidden;}
img{width:100%;height:auto;}
.close{width:30px;height:30px;border-radius:15px;line-height:30px;text-align:center;display:block;position:absolute;right:-1px;top:-1px;color:#fff;border:2px solid #fff;}
</style>
</head>
<body>
<div class="wrap">
<img src="http://a.hiphotos.baidu.com/image/pic/item/960a304e251f95ca7912a955cb177f3e66095269.jpg" alt="">
<a href="javascript:void(0);" class="close">×</a>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
