TShopping

 找回密碼
 註冊
搜索
查看: 11026|回復: 1

[教學] 如何讓網頁的banner輪流替換(輪播式廣告)

  [複製鏈接]
發表於 2009-7-6 12:49:40 | 顯示全部樓層 |閱讀模式
 
Push to Facebook Push to Plurk Push to Twitter 
第一個步驟將以下的程式碼利用記事本寫入,然後編輯您所要交換的廣告圖片及連結前往位置,記得把檔案的副檔名命名為.js ,然後上傳於網頁空間裡頭
(也就是說讓這支檔案形成java script的原件,例如 banner.js )


  1. <!--
  2. tips = new Array(8) // 定義矩陣,其中 Array 中的數字代表共有幾則廣告
  3. // 寫入每則廣告的路徑,注意 tips 是從 0 開始

  4. tips[0] = "<a href=http://123.com/01.html target=_blank><img src=http://第01張圖片的交換顯示.gif border=0 alt=摩尼網首頁></a>"

  5. tips[1] = "<a href=http://123.com/02.html target=_blank><img src=http://第02張圖片的交換顯示.gif border=0 alt=摩尼趣味貼圖></a>"

  6. tips[2] = "<a href=http://123.com/03.html target=_blank><img src=http://第03張圖片的交換顯示.gif border=0 alt=摩尼軟體下載交流></a>"

  7. tips[3] = "<a href=http://123.com/04.html target=_blank><img src=http://第04張圖片的交換顯示.gif border=0 alt=摩尼BBS網路社區></a>"

  8. tips[4] = "<a href=http://123.com/05.html target=_blank><img src=http://第05張圖片的交換顯示.gif border=0 alt=摩尼網路遊戲討論></a>"

  9. tips[5] = "<a href=http://123.com/06.html target=_blank><img src=http://第06張圖片的交換顯示.gif border=0 alt=摩尼照片交友></a>"

  10. tips[6] = "<a href=http://123.com/07.html target=_blank><img src=http://第07張圖片的交換顯示.gif border=0 alt=摩尼音樂分享></a>"

  11. tips[7] = "<a href=http://123.com/08.html target=_blank><img src=http://第08張圖片的交換顯示.gif border=0 alt=摩尼免費申請></a>"

  12. index = Math.floor(Math.random() * tips.length)
  13. document.write(tips[index])
  14. //-->
複製代碼




接下來利用調閱 java script 的方式,將其插入在網頁裡頭,使得開啟網頁後將這支js檔案從特定的位置中呼叫出來

呼叫這支js檔案的方式請參考以下程式碼(強列建議)


  1. <script src="banner.js"></script>
複製代碼



banner.js 路徑的前面則依您置放這支檔案的實際路徑來編寫
例如:
  1. http://www.moninet.com.tw/banner.js
複製代碼
呼叫js檔案的位置則視您所須來插入在網頁的任一位置



至於要如何讓它可以在網頁中移動,只需要利用html標籤語法來導引既可

範例如下參考


  1. <marquee><script src="banner.js"></script></marquee>
複製代碼

 

臉書網友討論
 樓主| 發表於 2011-11-1 12:52:45 | 顯示全部樓層
不回帖不行......

版主招募中

您需要登錄後才可以回帖 登錄 | 註冊 |

本版積分規則



Archiver|手機版|小黑屋|免責聲明|TShopping

GMT+8, 2016-12-5 20:35 , Processed in 0.056100 second(s), 18 queries .

本論壇言論純屬發表者個人意見,與 TShopping綜合論壇 立場無關 如有意見侵犯了您的權益 請寫信聯絡我們。

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表