- 帖子
- 3936
- 积分
- 3936
- 经验
- 3936 点
- 威望
- 0 点
- 金钱
- 1780 NG
- 魅力
- 16738
- 性别
- 男
- 来自
- 福建
- 注册时间
- 2001-11-24
我们约会吧!
|
1#
发表于 2001-11-30 02:26
| 只看该作者
[转帖]页面载入时的特殊效果
第一步:将下面代码加入<head></head>之间
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
layer-background-color:red;
background-color:red;
border:0.1px solid red
}
-->
</style>
第二步:将下面代码紧接在<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=eval("document.i"+i+".clip"
temp2=eval("document.i"+i)
temp.width=window.innerWidth/2
temp.height=window.innerHeight
temp2.left=(i-1)*temp.width
}
}
else if (document.all){
var clipright=document.body.clientWidth/2,clipleft=0
for (i=1;i<=2;i++){
temp=eval("document.all.i"+i+".style"
temp.width=document.body.clientWidth/2
temp.height=document.body.offsetHeight
temp.left=(i-1)*parseInt(temp.width)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].right-=speed
temp[2].left+=speed
if (temp[2].left>window.innerWidth/2)
clearInterval(stopit)
}
else if (document.all){
clipright-=speed
temp[1].clip="rect(0 "+clipright+" auto 0)"
clipleft+=speed
temp[2].clip="rect(0 auto auto "+clipleft+""
if (clipright<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
</script>
说明: 其中色彩,速度的数值可以自己修改。 |
|