国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js實現從中間開始往上下展開網頁窗口的方法

2019-11-20 13:03:40
字體:
來源:轉載
供稿:網友

本文實例講述了js實現從中間開始往上下展開網頁窗口的方法。分享給大家供大家參考。具體分析如下:

這個是從中間然后慢慢向上下展開的頁面顯示效果,也還不錯,代碼如下:

復制代碼 代碼如下:
<html>
<head>
<title>js從中間展開的網頁窗口顯示</title>
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:yellow;
background-color:#336699;
border:0.1px solid #336699
}
-->
</style>
</head>
<body>
<div id="i1" class="intro"></div><div id="i2" class="intro"></div>
<script language="JavaScript1.2">
var speed=20
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (i=1;i<=2;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth
temp[i].height=window.innerHeight/2
temp2[i].top=(i-1)*temp[i].height
}
}
else if (document.all){
var clipbottom=document.body.offsetHeight/2,cliptop=0
for (i=1;i<=2;i++){
temp[i]=eval("document.all.i"+i+".style")
temp[i].width=document.body.clientWidth
temp[i].height=document.body.offsetHeight/2
temp[i].top=(i-1)*parseInt(temp[i].height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].bottom-=speed
temp[2].top+=speed
if (temp[1].bottom<=0)
clearInterval(stopit)
}
else if (document.all){
clipbottom-=speed
temp[1].clip="rect(0 auto+"+clipbottom+" 0)"
cliptop+=speed
temp[2].clip="rect("+cliptop+" auto auto)"
if (clipbottom<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>
</body>
</html>

希望本文所述對大家的Go語言程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 清新县| 江安县| 甘德县| 惠州市| 民丰县| 弥勒县| 承德县| 宁国市| 四子王旗| 永康市| 江油市| 房山区| 无为县| 北海市| 威海市| 长宁区| 龙游县| 莫力| 南江县| 雷州市| 桐城市| 密云县| 武平县| 黄龙县| 特克斯县| 南陵县| 伊宁县| 翁牛特旗| 札达县| 阜康市| 仁寿县| 无为县| 温州市| 运城市| 亚东县| 盱眙县| 封丘县| 茌平县| 绥棱县| 得荣县| 崇州市|