跟我學(xué)用代碼做風(fēng)景相冊 1、準(zhǔn)備尺寸大小相同的網(wǎng)上風(fēng)景圖片若干張(不超過28張), 2、打開文章編輯框,勾選“查看HTML源代碼”, 3、將下面的源代碼復(fù)制、粘貼進(jìn)編輯框內(nèi), 4、用自己的圖片網(wǎng)址替換源代碼中的圖片網(wǎng)址(紅色), 5、根據(jù)圖片的尺寸大小,修改源代碼中圖片的寬(width)和高(height)的像素值, 6、取消“查看HTML源代碼”的勾,按正常編輯模式發(fā)表文章。 說明:源代碼中有15張圖片網(wǎng)址,你可根據(jù)實(shí)際情況增加或減少圖片數(shù)量,圖片數(shù)量不能超過28張,最下面的圖片網(wǎng)址是相冊的第一張圖片網(wǎng)址。 源代碼: <HTML> <HEAD> <TITLE>文本特效篇--文本連續(xù)消隱</TITLE> </HEAD> <BODY bgcolor="#fef4d2" > <!-- 案例代碼1開始 --> <script id=code language=JavaScript> var Ga=new Array() <!-- //定義一個變量數(shù)組Ga --> Ga[0]="http://img3.3lian.com/2006/026/32/002.jpg"; <!-- // 設(shè)置要顯示的圖片地址,有幾張就試幾個,改變下標(biāo)0,1,2等等,后面則是上傳圖片的地址--> Ga[1]="http://img3.3lian.com/2006/026/32/003.jpg"; Ga[2]="http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102598_1.jpg"; Ga[3]="http://img3.3lian.com/2006/026/32/006.jpg"; Ga[4]="http://img3.3lian.com/2006/026/32/010.jpg"; Ga[5]="http://img3.3lian.com/2006/026/32/014.jpg"; Ga[6]="http://img3.3lian.com/2006/026/32/015.jpg"; Ga[7]="http://img3.3lian.com/2006/026/32/018.jpg"; Ga[8]="http://img3.3lian.com/2006/026/32/017.jpg"; Ga[9]="http://img3.3lian.com/2006/026/32/019.jpg"; Ga[10]="http://img3.3lian.com/2006/026/32/026.jpg"; Ga[11]="http://img3.3lian.com/2006/026/32/009.jpg"; Ga[12]="http://img3.3lian.com/2006/026/32/008.jpg"; Ga[13]="http://img3.3lian.com/2006/026/32/004.jpg"; var hayasa=2000 <!-- //兩個圖片之間延遲時間,4000等于4秒 --> var suu =1; var iTransNumber=0; var garTransitions = new Array(); //arrary of filter strings garTransitions[0] = "progid:DXImageTransform.Microsoft.RandomDissolve()"; garTransitions[1] = "progid:DXImageTransform.Microsoft.Iris(irisStyle=, motion=out)"; garTransitions[2] = "progid:DXImageTransform.Microsoft.Iris(irisStyle=diamond, motion=in)"; garTransitions[3] = "progid:DXImageTransform.Microsoft.Iris(irisStyle=cross, motion=)"; garTransitions[4] = "progid:DXImageTransform.Microsoft.Iris(irisStyle=circle, motion=)"; garTransitions[5] = "progid:DXImageTransform.Microsoft.Iris(irisStyle=square, motion=out)"; garTransitions[6] = "progid:DXImageTransform.Microsoft.Iris(irisStyle=plus, motion=in)"; garTransitions[7] = "progid:DXImageTransform.Microsoft.Barn(orientation=vertial motion=in)"; garTransitions[8] = "progid:DXImageTransform.Microsoft.Barn(orientation=vertial motion=out)"; garTransitions[9] = "progid:DXImageTransform.Microsoft.Barn(orientation=horizontal motion=in)"; garTransitions[10] = "progid:DXImageTransform.Microsoft.Barn(orientation=horizontalmotion=out)"; garTransitions[11] = "progid:DXImageTransform.Microsoft.Pixelate()"; garTransitions[12] = "progid:DXImageTransform.Microsoft.Inset()"; garTransitions[13] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction=left)"; garTransitions[14] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction=right)"; garTransitions[15] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction=down)"; garTransitions[16] = "progid:DXImageTransform.Microsoft.Checkerboard(Direction=up)"; garTransitions[17] = "progid:DXImageTransform.Microsoft.RandomBars(motion=horizontal)"; garTransitions[18] = "progid:DXImageTransform.Microsoft.RandomBars(motion=vertical)"; garTransitions[19] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slideStyle=push)"; garTransitions[20] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slidestyle=swap)"; garTransitions[21] = "progid:DXImageTransform.Microsoft.Slide(bands=5, slidestyle=hide)"; garTransitions[22] = "progid:DXImageTransform.Microsoft.Spiral()"; garTransitions[23] = "progid:DXImageTransform.Microsoft.Stretch(stretchStyle=push)"; garTransitions[24] = "progid:DXImageTransform.Microsoft.Stretch(stretchStyle=pop)"; garTransitions[25] = "progid:DXImageTransform.Microsoft.Fade(duration=2,overlap=0)"; garTransitions[26] = "progid:DXImageTransform.Microsoft.GradientWipe(duration=2,gradientSize=0.25,motion=forward )"; garTransitions[27] = "progid:DXImageTransform.Microsoft.Wheel(duration=2,spokes=16)"; garTransitions[28] = "progid:DXImageTransform.Microsoft.RadialWipe(duration=2,wipeStyle=CLOCK)"; var kirikaeGa=new Array() for (kazu=0;kazu<Ga.length;kazu++){ kirikaeGa[kazu]=new Image() kirikaeGa[kazu].src=Ga[kazu]} function kirikae(){ if (window.createPopup) rittai.style.filter = garTransitions[iTransNumber]; iTransNumber++; if(iTransNumber==garTransitions.length) iTransNumber=0; if (window.createPopup) rittai.filters[0].apply(); document.images.rittai.src=kirikaeGa[suu].src; if (window.createPopup) rittai.filters[0].play() suu++ if (suu==kirikaeGa.length) suu=0; setTimeout("kirikae()",hayasa) } setTimeout("kirikae()",hayasa) </script> <center><img src="http://img3.3lian.com/2006/026/32/001.jpg" name="rittai" width=614 height=461 border=0 style="filter:progid:DXImageTransform.Microsoft.Stretch(stretchStyle=)"> </center> <!-- //顯示圖片的方式,src=后面一般是第一張圖片,寬度,高度位置都可以按html方法去設(shè)置 --><BGSOUND balance=0 src="</HTML> |