特殊的图像显示

使用提示

特殊的图像显示

演示效果：

代码提示：按下面的说明修改并复制代码

第一步:把如下代码加入<body>区域中
 <STYLE>
.spanstyle {
	LEFT: -5000px; POSITION: absolute
}
</STYLE>
<SCRIPT>
<!-- Beginning of JavaScript -
	
// 修改图像的高度、宽度和地址
var imgwidth=200
var imgheight=110
var imgurl=new Array()
imgurl[0]="photo/a048.gif"
imgurl[1]="photo/a049.gif"
imgurl[2]="photo/a052.gif"

// Do not edit this block.
var imgpreload=new Array()
for (i=0;i<=imgurl.length-1;i++) {
	imgpreload[i]=new Image()
	imgpreload[i].src=imgurl[i]
}

// Final horizontal position of the image: distance to the left margin of the window
var x_finalpos=300

// Final vertical position of the image: distance to the top margin of the window
var y_finalpos=110

// Number of sliced cells (the higher this value the slower the script)
var x_slices=8

// Number of sliced rows (the higher this value the slower the script)
var y_slices=3

// Speed of the reassembling effect. More means slower.
var pause=10

// The width and heigth of the zone where the debris of the images are spread (pixels)
var screenwidth=800
var screenheight=500

// Do not change the variables below
var x_step=new Array()
var y_step=new Array()
var x_randompos=0
var y_randompos=0
var i_loop=0
var max_loop=20
var i_image=0
var width_slice=Math.floor(imgwidth/x_slices)
var height_slice=Math.floor(imgheight/y_slices)
var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=width_slice
var spancounter=0

// - End of JavaScript - -->
</SCRIPT>
<SCRIPT>

</SCRIPT>

第二步:修改<body***>中的内容，将下面的代码加入原<body***>中
 onload=changeimage()

使用提示　　　返回目录