页面打开时的百叶窗效果

最新推荐文章于 2024-05-14 12:18:41 发布

luckystar2008

最新推荐文章于 2024-05-14 12:18:41 发布

阅读量1.1k

点赞数

Front End 专栏收录该内容

119 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<style>
<!--
.intro{position:absolute;
left:0;
top:0;
layer-background-color:gray;
background-color:gray;
border:0.1px solid gray
}
-->
</style>
</head>
<body>
<div id="i1" class="intro"></div><div id="i2" class="intro"></div><div id="i3"
class="intro"></div><div id="i4" class="intro"></div><div id="i5" class="intro"></div><div
id="i6" class="intro"></div><div id="i7" class="intro"></div><div id="i8" class="intro"></div>
<SCRIPT language=javascript>
var speed=30;
var temp=new Array();
var temp2=new Array();
//判断浏览器类型是否是IE
if (document.all)
{
    var clipbottom=document.body.offsetHeight,cliptop=0;
    //循环设置用来实现百叶效果的div
    for (i=1;i<=8;i++)
    {
    temp[i]=eval("document.all.i"+i+".style")
    temp[i].width=document.body.clientWidth/8
    temp[i].height=document.body.offsetHeight
    temp[i].left=(i-1)*parseInt(temp[i].width)
    }
}
function openit()
{
     window.scrollTo(0,0);
    if (document.all)
    {
    clipbottom-=speed;
    //使用clip实现div的裁减
    for (i=1;i<=8;i=i+2){
        temp[i].clip="rect(0 auto+"+clipbottom+" 0)"
    }
    cliptop+=speed
    for (i=2;i<=8;i=i+2){
        temp[i].clip="rect("+cliptop+" auto auto)"
    }
    if (clipbottom<=0)
    clearInterval(stopit);         //清空定时器
    }
}
function gogo(){
stopit=setInterval("openit()",100);//设置定时器，循环
}
gogo();                            //初始状态便显示百叶窗效果
</SCRIPT>
 <p>
        调试其他进程的能力赋予您极广泛的权力，这是无法通过其他途经获得的，在进行远程调试时更是如此。恶意的调试器可能对正在调试的计算机造成大范围的损害。因此，对可能进行调试的人要有所限制。有关更多信息，请参见<a
           >远程调试权限</a>。</p>
    <p>
        但是，许多开发人员没有意识到安全威胁也可以从相反的方向产生。调试对象进程中的恶意代码可能危害调试计算机的安全：有许多必须防范的不道德的安全利用。</p>
    <h1 >
        安全性最佳做法</h1>
    <div>
        <p>
            正在调试的代码与调试器之间有一种隐式信任关系。如果想调试代码，您还应该乐于运行它。您起码必须能够信任要调试的代码。如您无法信任它，就不应对它进行调试，或者应在可以承担风险且处于独立环境的计算机上对其进行调试。</p>
        <p>
            为了缩小潜在的攻击面，应在生产计算机上禁用调试。出于同样的原因，永远不应无限制地启用调试。
        </p>
        <div>
</body>
</html>

luckystar2008

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
页面打开时的百叶窗效果

<div id="i3"class="intro"><divid="i6" class="intro">
复制链接

扫一扫