欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » 下载列表 » 正文

利用div与CSS实现遮罩层与拖动层的示例下载

更新时间: 2012-07-18 15:27  下载次数:(914)
分享到:

因为在工作中经常会用到这两个小功能,但自己又对js,css不是很了解,所以把这两个示例上传到网站上面来,方便随时下载使用。大家如果觉的有帮助,也可以下载下来做参考。

下载文件中包含了两个小示例,"遮罩层.html"文件与"拖动.html",大家下载后可以完分别打开对应的页面查看效果。
注意:如果有提示限制网页运行可以访问计算机的脚本或ActiveX控件时,必须选择"是",才会看到效果。

遮罩层的效果就是点击一个按钮,弹出来一个div框,然后这个框后面的所有网页元素都不可以选择与操作。拖动层的效果就是可以使用鼠标拖动来改变这个div在页面上的位置。

示例中遮罩层的效果很好用,放在那里都可以正常运行,大家可以修改样式filter: alpha(opacity=30)中的数字来修改遮罩层后的透明度。拖动层的效果在示例运行很流畅,但在一些环境好像就不能用,要么是报错,要么就是很卡,有待改进。

资源来源:
• 本地下载

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦