?? 1.31 屏幕式左右拉開頁面的效果.htm
字號:
<html>
<head>
<title>頁面特效--屏幕式左右拉開</title>
<style type="text/css">
A:link {text-decoration: none; color:#000000}
A:visited {text-decoration: none; color: #000000}
A:active {text-decoration: none; color: #FF0000}
A:hover {text-decoration: underline; color: FF0000}
body{font-size=9pt}
TH{FONT-SIZE: 9pt}
TD{ FONT-SIZE: 9pt}
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:#9999ff;
background-color:#9999ff;
border:0.1px solid red
}
</style>
</head>
<body bgcolor="#cc99cc">
<div id="i1" class="intro"></div><div id="i2" class="intro"></div>
<script language="JavaScript">
var speed=20 //改變拉開速度，數值大速度快。
var temp=new Array();
var temp2=new Array();
//如果瀏覽器是Netscape的情況
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/2;
temp[i].height=window.innerHeight;
temp2[i].left=(i-1)*temp[i].width;
}
}
//是IE瀏覽器的情況
else if (document.all){
var clipright=document.body.clientWidth/2,clipleft=0
for (i=1;i<=2;i++){
//定義div的區域，高度、寬度和X坐標
temp[i]=eval("document.all.i"+i+".style");
temp[i].width=document.body.clientWidth/2;
temp[i].height=document.body.offsetHeight;
temp[i].left=(i-1)*parseInt(temp[i].width);
}
}
//拉開頁面的主要方法
function openWindow(){
window.scrollTo(0,0); //定位窗體
//Netscape瀏覽器
if (document.layers){
temp[1].right-=speed;
temp[2].left+=speed;
if (temp[2].left>window.innerWidth/2)
clearInterval(stopWindow);
}
//IE瀏覽器
else if (document.all){
//通過rect剪裁，實現拉開效果
clipright-=speed;
temp[1].clip="rect(0 "+clipright+" auto 0)";
clipleft+=speed;
temp[2].clip="rect(0 auto auto "+clipleft+")";
if (clipright<=0)
clearInterval(stopWindow); //清除定時器
}
}
function init(){
stopWindow=setInterval("openWindow()",100) //循環執行打開窗口的操作
}
init();
</script>
輕輕的我走了，正如我輕輕的來；<br/>
我輕輕的招手，作別西天的云彩。<br/>
<br/>
那河畔的金柳，是夕陽中的新娘；<br/>
波光里的艷影，在我心頭蕩漾。<br/>
<br/>
軟泥上的青荇，油油的在水底招搖；<br/>
在康河的柔波里，我甘心作一條水草。<br/>
<br/>
那榆蔭下的一潭，不是清泉是天上的虹；<br/>
揉碎在浮藻間，沉淀彩虹似的夢。<br/>
<br/>
尋夢，撐支長篙，向青草更青處漫溯；<br/>
滿載一船星輝，在星輝斑爛里放歌。<br/>
<br/>
但我不能放歌，悄悄是別離的笙簫；<br/>
夏蟲也為我沉默，沉默是今晚的康橋。<br/>
<br/>
悄悄的我走了，正如我悄悄的來；<br/>
我揮一揮衣袖，不帶走一片云彩。<br/>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -