拆分后的圖片組合成一張完整的圖特效

2011-03-28 圖片特效 ℃

腳本說明:
第一步：把如下代碼加入<body>區(qū)域中
<STYLE>
.spanstyle {
	LEFT: -5000px; POSITION: absolute
}
</STYLE>
<SCRIPT>
<!-- Beginning of JavaScript -
	
// The width of your images (pixels). All pictures should have the same width.
var imgwidth=200

// The height of your images (pixels). All pictures should have the same height.
var imgheight=90

// The URL of your images. You may add as many images as you like.
var imgurl=new Array()
imgurl[0]="/images/tx/meinv.jpg"
imgurl[1]="/images/tx/3.jpg"
imgurl[2]="/images/tx/4.jpg"

// 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=200

// 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>中的內(nèi)容改為：
<body onload=changeimage()>

相關(guān)特效代碼

熱門特效代碼: js圖片自動切換代碼; CSS實現(xiàn)區(qū)域內(nèi)等比例放大縮小圖片; JS圖片切換效果; 飄動圖片廣告代碼; 鼠標經(jīng)過圖片變大; 簡單高效的javascript 幻燈片播放; JavaScript封裝的平滑圖片滾動，; 點擊圖片出現(xiàn)大圖; 圖片局部放大效果特效; 圖片上下左右拉伸效果特效

推薦特效代碼: 點擊按鈕淡入淡出彈出圖文信息; 探照燈效果圖片特效代碼; 簡單高效的javascript 幻燈片播放; 飄動圖片廣告代碼; JavaScript封裝的平滑圖片滾動，; 超酷超絢精美圖片展示效果代碼

拆分后的圖片組合成一張完整的圖 特效

拆分后的圖片組合成一張完整的圖特效