视觉冲击!图片合成特效_网页图片特效

·网页特效库 ·网页工具库

背景按钮

导航特效

< 后退 | 收藏网页特效库

推荐网页特效

推荐网页工具

您的位置：网页特效库 >> 网页图片特效 >> 视觉冲击!图片合成特效	查看此特效演示

视觉冲击!图片合成特效

把如下代码复制到<body>与</body>之间

<SCRIPT>
<!-- Beginning of JavaScript -
var imgwidth=450
var imgheight=300
var imgurl="images/4.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>

<SCRIPT>

</SCRIPT>

修改<body>标签为

使用说明：代码中"var imgwidth"、"var imgheight"、"var imgurl"的值为图片的宽、高、和调用的图片。

上一个特效：漂动图像-碰到边框反弹

返回列表

下一个特效：超强的仿ACDsee图象浏览器