隨機更換檔頭圖片(語法已修正):伽瑪星雲第58號行星:Xuite日誌
  • 安哥爾.摩亞
  • 關於我的一切,沒什麼好說的…



  • ☜新版CSS教學+網誌工具目錄☞
  • 最新回應
  • Re:才一陣子沒注意…,by(欣妹)於2008-11-22
    Re:私の熊,by(9vdvd2dvdvv 8)於2008-11-20
    Re:好文轉寄的位置(已修改),by(安哥爾.摩亞)於2008-11-18
    Re:好文轉寄的位置(已修改),by(布丁妹)於2008-11-12
    Re:版面分享-極簡灰、海洋藍、甜蜜粉、森林綠、神祕紫,by(LinChan❤)於2008-11-04
    Re:買物,by(安哥爾.摩亞)於2008-10-29
    Re:買物,by(壞壞ㄉ安娜)於2008-10-29
    Re:買物,by(安哥爾.摩亞)於2008-10-28
    Re:買物,by(壞壞ㄉ安娜)於2008-10-28
    Re:買物,by(安哥爾.摩亞)於2008-10-27
  • 最新文章
  • 文章分類
  • 搜尋文章
  • 關鍵字
  • ♤最愛連結♤
  • 就是一些東西…
  • 現在線上人數:website counter
    快速連結→
    數位造林用網路多棵樹
    全球暖化很嚴重,請多多點按上面的連結,讓我們為地球盡一份心力!
  • 部落客廣告
  • 日誌使用資源






  • 如何使用RSS
    Powered by Xuite
  • 參觀人氣統計
  • 日誌評價
  • 平均分數:0 顆星
    投票人數:0
    我要評分:
  • 我的發燒文
  • 累積 | 今日
    loading......
  • 我的親友團
  • 誰拜訪過我
  • 2007-08-28 16:25 隨機更換檔頭圖片(語法已修正)
  • ?
  • 網誌工具
  • 好文轉寄
  • 平均分數:0 顆星    投票人數:0
    我要評分:
    標籤 : 


    經過兩天的摸索,終於把Maple網友問的隨機更換圖片做好了…

    他留了一個網址給我,想請我做出隨機更換圖片的教學,我也試了好幾次,第一次成功了,但後來就不行了,語法應該是沒問題,不然也不會有成功的那一次,所以我就想會不會是我儲存欄位太多次了,結果還真的是這個原因,雖然以後要麻煩一點,但至少成功了嘛…

    中間我還去找看看有沒有其它的辦法,像是php,結果還是不行,誰叫我太執著於一定要弄懂呢?

    好了,廢話不多說,現在就開始吧!

    1.首先,先把以下的語法,複製貼到記事本  (語法已經修正!!)

    請複製此語法: 

    <script type="text/javascript">
    var banner= new Array();
    banner[0]="圖片網址0";
    banner[1]="圖片網址1";
    banner[2]="圖片網址2";
    banner[3]="圖片網址3";
    banner[4]="圖片網址4";
    banner[
    n]="圖片網址n";
    var random=Math.round(
    n*Math.random());
    document.write("<style>");
    document.write("
    #banner
    {");
    document.write(' background:url("' + banner[random] + '") no-repeat center;');
    document.write(" }");
    document.write("</style>");
    </script>

    2.將你要的banner檔頭的圖片網址一一加入,圖片可以一直增加,只要記得,紅色的編號n要正確,例如,你有六張圖片,最後一張是banner[5](因為第一張編號是0),在var random=Math.round(n*Math.random()); 裡的n就是5!

    要放檔頭的圖片最好大小一樣不要差太多。

    3.紅色的no-repeat、center是設定圖片要不要重複和位置,如果要重複,其實不用打,因為內定就是重複repeat。

    4.再來把語法複製,貼到任一個自訂欄位中。

    5.到css裡,把#banner裡的有關background開頭的語法用/**/前後包住。

    大功告成!!現在只要按F5就可以變換圖片囉!

    p.s:如果你不是要變檔頭的圖片,而是要變整個背景圖的話,咖啡色的#banner 改成body,而第5個步驟要到body裡頭改!

     

    現在已經可以正常使用這語法了,感謝狗貓大大的鼎力相助! 



    安哥爾.摩亞 / Xuite日誌 / 回應(32) / 引用(0) / 好文轉寄
  • 回應