2016年7月6日 星期三

以 javascript 方式輪播圖片

http://blog.xuite.net/tolarku/blog/68219917-%E4%BB%A5+javascript+%E6%96%B9%E5%BC%8F%E8%BC%AA%E6%92%AD%E5%9C%96%E7%89%87+-+%E3%80%8C%E5%BE%AA%E5%BA%8F%E8%BC%AA%E6%92%AD%E3%80%8D%E8%88%87%E3%80%8C%E4%BA%82%E6%95%B8%E8%BC%AA%E6%92%AD%E3%80%8D


如果網頁有需要輪播圖片,常常會使用 Flash 來製作,但如果你只是要單純輪播,沒有需要什麼特殊效果,那麼你可以簡單的使用 JavaScript 來完成他。這個例子來教你怎麼「循序輪播」與「亂數輪播」圖片s。
程式碼如下:
「循序輪播」為 randomImg()  
「亂數輪播」為 sequentialImg()






id="my_div" >
 
<!—把前面這個 div 放到你想輪播圖片的位置去 -->你的網頁內容



當然你得圖片長寬 200*200 改成你要的大小,並且修改圖片檔的位置跟檔名
簡單小 javascript 做個記錄 


沒有留言: