非常简单的jquery遮罩层鼠标点击按钮放大展开动画弹出框



139 553 185



特效描述:jquery遮罩层 鼠标点击按钮 放大展开 动画弹出框,没做任何封装,仅限学习讨论.

代码结构

1. 引入JS

<script src="jquery.1.8.2.min.js" type="text/javascript"></script>
<script src="demo.js" type="text/javascript"></script>

2. HTML代码

<script type="text/javascript">
$(function() {
    $("#demo").demo();
});
</script>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
#main{width:1000px;height:1500px;background:#F0F0F0;overflow:hidden;margin:0 auto;} 
#demo{position:fixed;z-index:99;cursor:pointer;left:0px;top:30px;width:20px;height:50px;background:#000;color:#FFF;text-align:center;}
#zhezhao{position:fixed;z-index:98;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;background:#000;}
#close{position:absolute;right:0;top:0;color:#F00;}
</style>
<div id="main"></div>
<div id="demo">
	<h3>点我</h3>
</div>



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


热门标签: 右键菜单 文字提示框 提示框/弹出层 layer lightbox Tooltip工具提示框 浮动提示框 html5弹窗动画 弹出层拖动 窗口提示框

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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