左右幕布效果-JS特效-爱易网页

左右幕布效果

日期：2014-05-18　浏览次数：20612 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

<style>

</style>

<body topmargin="0" leftmargin="0" link="#000000" vlink="#000000">
<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/2
temp[i].height=window.innerHeight
temp2[i].left=(i-1)*temp[i].width
}
}
else if (document.all){
var clipright=document.body.clientWidth/2,clipleft=0
for (i=1;i<=2;i++){
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 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>
<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

相关资料更多>

弯曲变形：手机全新的交互方式

网络视频的几大趋势将成视频玩家躲不开的发力点

FB上广告费用昂贵而且效果不及Twitter

虚拟运营商们更像三大运营商的“二道贩子”

机器人进一步取代人类：将进军白领任务

都是300元内乐视盒子与小米盒子对比体验

唯品会荣登“最贵中概股”的欢喜与哀愁

诺基亚称不会更名“微软移动” 5月还将发布新品

HTC手机为何一败再败？效果出在供应链

香港云服务器免备案云主机VPS 国内独立IP 独享15M 月付SSD

推荐阅读更多>