Download
1 / 10
100 likes | 333 Views
4B.Cs PPT homework. Dynamic Drive. 1.Translucent slideshow Script All 2.Conveyor Belt slideshow script All. 1. Translucent slideshow Script All. http://www.dynamicdrive.com/dynamicindex14/translucentslide.htm. 的介紹. Translucent slideshow Script All. 它屬於網頁技巧 , 圖片動態展示的一種
E N D
4B.Cs PPT homework Dynamic Drive 1.Translucent slideshow Script All 2.Conveyor Belt slideshow script All
1 Translucent slideshow Script All http://www.dynamicdrive.com/dynamicindex14/translucentslide.htm
的介紹 Translucent slideshow Script All • 它屬於網頁技巧,圖片動態展示的一種 • 方向上:由左到右不断展示3張不同圖片 • 特別之處:圖片淡化至消失,新圖片從左插入,形成兩張圖片交錯出現的影象” Description: Don't just display images, showcase them in style using this sleek image slideshow script! Images are animated in from the left edge, with a translucent effect applied during the process. Each image can be independently hyperlinked and with its own link target. Very cool, very practical!
Translucent slideshow Script All 的使用 Width代表圖片長度 height代表圖片高/闊度 500和225px是它們的單位. Slideshowcontent[0][1][2]是代表所展示的3張圖片,而=[“與”]間是圖片的網址! 而var bgcolor=‘red‘是表示圖片的底色，’與 ‘間就是填上你想選用的顏色如:白(white),綠(green)………等 在http://www.dynamicdrive.com/dynamicindex14/translucentslide.htm內 會找到一段htm碼,之後select all把它複製到網頁的<body>與<body>之間- <script type="text/javascript"> var trans_width='500px' //slideshow width var trans_height='225px' //slideshow height var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds) var degree=10 //animation speed. Greater is faster. var slideshowcontent=new Array() //Define slideshow contents: [image URL, OPTIONAL LINK, OPTIONAL LINK TARGET] slideshowcontent[0]=["http://www.acc.tku.edu.tw/~jcchen/1024/e06.jpg"] slideshowcontent[1]=["http://village.nat.gov.tw/webs/37646/images/3-14.jpg"] slideshowcontent[2]=["http://www.acc.tku.edu.tw/~jcchen/1024/e13.jpg"] var bgcolor='red‘ (續)
(按左圖連結到我的作品) 我的作品 我特意用3張英国的相片製作 因為相中的建築物相似,但角度,色彩 上都有很大分別,它們相連的關係最 適合用在交錯出現的展示上, http://www.acc.tku.edu.tw/~jcchen/eng.htm
2 Conveyor Belt slideshow script All http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm
Conveyor Belt slideshow script All的介紹 它是網頁展示圖片的一種 方向上:由右至左連續展示 特別之處:3張圖片緊貼平列,然後不斷像走馬燈 般展示,而當你用滑鼠接觸圖片定,圖片都停下來 ,而你按下圖片更有連結功效! Description: This cross browser image slideshow scrolls the containing images in a "conveyor belt" fashion. Images can be set to click through to various URLs, and when the mouse moves over the "belt", it pauses for the visitor to interact. Cool!
Conveyor Belt slideshow script All的使用 在http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm內 會找到一段htm碼,之後select all把它複製到網頁的<body>與<body>之間- var sliderwidth代表圖片長度 var sliderheight t代表圖片高/闊度 500和225px是它們的單位 //Specify the slider's width (in pixels) var sliderwidth="300px" //Specify the slider's height var sliderheight="150px" //Specify the slider's slide speed (larger is faster 1-10) var slidespeed=3 //configure background color: slidebgcolor="#EAEAEA" //Specify the slider's images var leftrightslide=new Array() var finalslide='' leftrightslide[0]='<a href="http://"><img src="dynamicbook1.gif" border=1></a>' leftrightslide[1]='<a href="http://"><img src="dynamicbook2.gif" border=1></a>' leftrightslide[2]='<a href="http://"><img src="dynamicbook3.gif" border=1></a>' var slidespeed=3是表示圖片展示時的速度.10> leftrightslide[0][1][2]是代表所展示的3張圖片,而a href=[“與”]間是圖片的連結,另外img src=“是圖片的網址!
我的作品 ＋+＋+＋+＋+＋+＋+＋+＋+＋+＋+＋+＋+＋+＋+＋+＋+＋+＋ (上)請按上圖觀看我 的作品 我用4張不同顏色的卡通水樽去展示,可帶出它們的連系性, 而且我並把它們連結到圖片的出處,方便欣賞者細仔參閱圖片 http://mypostpet.uhome.net/index.htm
END" 4B12鄒漫盈
