日本黄色片在线视频|国模无码一区二区三区|大香伊蕉国产短视频69|99精品日韩欧美在线观看|极品夜晚无码av一区二区|亚洲综合无码一区二区三区|国产亚洲精aa在线观看香蕉|日本2018一道国产高清视频

當前位置:首頁 > 長沙網(wǎng)站建設 > 如何讓頁面逐漸縮小的代碼

如何讓頁面逐漸縮小的代碼

2950

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁</title>
<style>
    .mydiv{
    position:absolute;
    left:0;
    top:0;
    layer-background-color:white;
    background-color:white;
    border:0.1px solid white
    }
</style>
</head>
<body bgcolor="#000000">
<div id="div1" class="mydiv"></div>
<script language="JavaScript"> 
var speed=5                                                      //變小的速度
if (document.layers){                                           //ns瀏覽器的情況下
    var reference=window.innerWidth/window.innerHeight
    var temp=eval("document.div1.clip")
    temp.left=temp.top=0
    temp.right=window.innerWidth
    temp.bottom=window.innerHeight
}
else if (document.all){                                         //ie瀏覽器的情況下
    var reference=document.body.clientWidth/document.body.clientHeight
    var rightclip,leftclip,topclip,bottomclip                   //代表裁減區(qū)域的上下左右4個位置
    var temp=document.all.div1.style                            //div層的樣式
    topclip=leftclip=0                                          //設置上下左右4個位置的初始值
    rightclip=temp.width=document.body.clientWidth
    bottomclip=temp.height=document.body.clientHeight
}
function rectDiv(){
window.scrollTo(0,0)                                           //窗體默認在開始(0,0)位置,左上角
if (document.layers){                                          //ns瀏覽器的情況下
    if (temp.left>window.innerWidth/2)
     clearInterval(stopit)                                   //停止縮小
    temp.left+=reference*speed//動態(tài)設置裁減的上下左右4個位置
    temp.top+=speed
    temp.right-=reference*speed
    temp.bottom-=speed
    }
else if (document.all){                                        //ie瀏覽器的情況下
    if (leftclip>document.body.clientWidth/2)
       clearInterval(stopit)                                    //停止縮小                                
    temp.clip="rect( "+topclip+" "+rightclip+" "+bottomclip+" "+leftclip+")" //裁減一個區(qū)域
    leftclip+=reference*speed                                                //動態(tài)設置裁減的上下左右4個位置
    topclip+=speed
    rightclip-=reference*speed
    bottomclip-=speed
    }
}
stopit=setInterval("rectDiv()",100)
</script>
</body>
</html>

發(fā)表評論
◎歡迎參與討論,請在這里發(fā)表您的看法、交流您的觀點。

相關文章

2021年優(yōu)度成功簽約并完成泰坦凝膠官網(wǎng)

2021年優(yōu)度成功簽約并完成泰坦凝膠官網(wǎng)

此網(wǎng)站采用標準網(wǎng)站建設方案,PC+移動自動轉換模式,網(wǎng)站產(chǎn)品為一款火爆的微商產(chǎn)品,也是一款男性用品。...

備案與沒備案的新網(wǎng)站老域名為什么百度都不收錄?

備案與沒備案的新網(wǎng)站老域名為什么百度都不收錄?

現(xiàn)在互聯(lián)網(wǎng)越來越難做,百度的門檻越來越高,以前新網(wǎng)站上線提交后3天就會收錄,現(xiàn)在新網(wǎng)站上線每天提交還不一定會收錄,必須結合外鏈才有效。...

做好“著陸頁”,公司銷售業(yè)績將提升一大步

做好“著陸頁”,公司銷售業(yè)績將提升一大步

當今,一個能在用戶尋找“返回”按鈕之前抓住用戶眼球的著陸頁比以往任何時候都更有商業(yè)價值。值得慶幸的是,一個好的著陸頁面的設計過程比以往更加容易把握,訣竅在于弄清楚實現(xiàn)這個非常重要的切入點所需的核心要素...

什么是關鍵詞?

什么是關鍵詞?

關鍵詞就是你向搜索引擎發(fā)出的一個指令,是讓搜索引擎幫助你查找相關信息的命令,它可以是一個字,也可以是一個詞、一句話、一個英字母、英文單詞、一個數(shù)字、一個符號等任何可以在搜索框中輸入的信息。...

什么樣的網(wǎng)站才是一個合格的SEO網(wǎng)站?

什么樣的網(wǎng)站才是一個合格的SEO網(wǎng)站?

在講網(wǎng)站之前還是來介紹一下什么是網(wǎng)站,因為這里的學員還有很多SEO初學者,網(wǎng)站就好比是我們在某個商場、某個小區(qū)開的一個店鋪,你做生意肯定是有一個店鋪的對吧,那么網(wǎng)站就是一個互聯(lián)網(wǎng)上的店鋪,是一個虛擬的...