时间:2021-05-18
由于以前见很多人的这中仿XP渐隐效果都不是很逼真.我这几天偶然想到了一个思路
..嘿嘿..很有趣哦
看看大家能看懂不~~应该可以的吧~~HOHO..
思路概括一句话就是..不管整个文档有多长,让body的滚动条消失,让遮罩层覆盖整个窗体可见区域!
这'可见'二字非常重要哦!!
只大致的做出来效果..没有很美化它..呵呵.剩下的timeout让遮罩渐变啦什么用的时候再加就好
下面是代码
如果好的话.麻烦斑竹给加加分.嘿嘿tks哈
无标题文档 body{margin:0;padding:0;} #topFill{display:none;text-align:center;position:absolute;z-index = 999;filter:alpha(opacity=50);background-color:#eee;opacity: 0.5;-moz-opacity: 0.5;width:100%;} #alertBox{margin:auto;height:150px;width:300px;background-color:#cf0;text-align:left;border:1px solid #666} #alertTitle{height:20px;background-color:#EDF8B8;line-height:20px;padding:0 10px;border-bottom:1px solid #71860D} #alertContent{padding:42px 0;;text-align:center;} #alertBtn{text-align:center;} #alertBtn input{margin:0 10px;background:#FFFF99;border:1px solid #fff;height:20px;line-height:20px;} 警告! 你确定要退出吗?
呵呵阿斗司法
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
先给大家看一看最终的效果图:下面就是js实现二级菜单渐隐显示的代码:导航菜单二级菜单滑动渐隐显示{margin:0;padding:0;list-style-t
本文实例讲述了JS实现仿中关村论坛评分后弹出提示效果的方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:JS仿中关村论坛评分后弹出提示的效果var
实现文字上下滚动是经常用到的js效果,这里介绍一种上下渐隐渐出的文字展现效果!文字滚动#sidebar{width:200px;height;500px;ove
仿Flash广告图片轮换效果--来自【心动】[JS部分__poto_bring.js]varfilters=newArray()filters[0]="prog
本文实例讲述了原生JS实现仿淘宝网左侧商品分类菜单效果代码。分享给大家供大家参考。具体如下:这是一款原生JS实现的仿淘宝网左侧商品分类菜单效果代码,JavaSc