冲击视觉的组合图象

作者：佚名来源：不详发布时间：2006-10-29 0:40:41 发布人：admin

<Script>
<-- Beginning of JavaScript -
var imgwidth=450
var imgheight=300
var imgurl="images/24.gif"
var marginright
var imgslices=20
var width_slice=Math.floor(imgwidth/imgslices)
var cliptop=0
var clipbottom=imgheight
var clipleft=0
var clipright=width_slice
var step=50
var pause=20
var spannummer=0
var spannrbefore=0
var x_finalpos=5
var y_finalpos=5

function initiate() {
    if (document.all) {
        moveslices_IE()
    }
}

function moveslices_IE() {
    var thisspan=eval("document.all.span"+spannummer+".style")
    if (thisspan.posLeft>x_finalpos-width_slice) {
        thisspan.posLeft-=step
        var timer=setTimeout("moveslices_IE()",pause)
    }
    else if (spannummer<imgslices-1) {
        clearTimeout(timer)
        thisspan.posLeft=x_finalpos
        spannummer++
        var timer=setTimeout("moveslices_IE()",pause)
    }
    else {
        thisspan.posLeft=x_finalpos
        clearTimeout(timer)
        var timer=setTimeout("showredir()",1000)
    }
}

function showredir() {
    document.all.redir.style.visibility="VISIBLE"
}

// - End of JavaScript - -->
</Script>
</HEAD onload="return imgzoom(this,550)">
<BODY  onload=initiate()>
<Script>
<-- Beginning of JavaScript -
for (i=0;i<=imgslices-1;i++) {
    marginright=screen.width+50
    document.write("<span id='span"+i+"' style='position:absolute;visibility:visible; left:"+marginright+"px;top:"+y_finalpos+"px;clip:rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")
    document.write("<img src='"+imgurl+"'>")
    document.write("</span onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">")
    clipleft+=width_slice
    clipright+=width_slice
}
// - End of JavaScript - -->
</Script>
</BODY>

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：渐变文本

下一篇代码：鼠标方向指示

冲击视觉的组合图象

精品推荐

代码分类

阅读排行

相关代码