[css語法] 橫幅圖片隨機更換(?)
1243006781.jpg

其實我是完全不懂的


前言
b-ss_96x96.jpg事源:心血來潮
a-ss_96x96.jpg構思:因為有些網頁,按下F5,會出現別的圖片(隨機),估計BLOG也能做到吧
k-ss_96x96.jpg事後:原來並不是很複雜XD! (眾:那為什麼你要研究幾小時)



本文

以下以FC2為例子,如有興趣一試,請先備份!
首先在HTML編輯欄中的中加入以下句子
直接舉例:

CSS_0001.jpg



("xxxx"為原本入面有的東西,以外的地方,鳴風沒有試過,不過應該也可以)
(那個"3"字因應圖片數量改變,上例為3張,所以是3)
(黃色highlight的地方其實是對應css語法)



css語法: (以下以幻之追憶為例子)

#header {
          width : 1004px;
          height : 377px;
          margin-top:  0px;
          padding-top: 0px;
          text-align: left;
          background-color: #ffffff;
          background-image:url(圖片網址)
                       }

(重要:最後只要把css入面的background-image 這一項刪除便行了)
(應該也可以對應本身css中的background的各種語法,改到html中)



a-ss_96x96.jpg 事後大概也明白這個程式的運作
b-ss_96x96.jpg 以鳴風的理解......
i-ss_96x96.jpg 就是在html中進行random (css語法中似乎不能random(?))
a-ss_96x96.jpg 然後把random的結果寫到css中(所以css的background-image就不需要寫)
m-96x96.jpg為了進行實驗,隨意地找了2張來改圖
b-ss_96x96.jpg 不過感覺還不錯! (自我感覺良好?)



1243010675.jpg
[2009/07/08 18:08] CSS語法 | 引用(0) | 留言(16) | @
<<フォーチュンサモナーズ~アルチェの精霊石~ Deluxe 攻略中 | 主頁 | 真正的暑假來了>>
留言
----
厲害! 真的成功了呢(灑花

改天也來用看看www
[2009/07/08 21:49] 疾疾 : URL[ 編輯 ]
----
恩…假日再來弄看看~XD
看起來伊斯好像測試成功了。
[2009/07/08 23:37] 蝦仁 : URL[ 編輯 ]
----
恩...我也來試試吧.....
[2009/07/09 00:24] 稟君 : URL[ 編輯 ]
----
精華置頂!!!
[2009/07/09 00:25] 由希 : URL[ 編輯 ]
----
結果一下子就搞好了(汗
[2009/07/09 00:47] 稟君 : URL[ 編輯 ]
----
>>疾疾,蝦仁
嗯~雖然成功了很開心
不過我很懷疑那個隨機性是不是真的33%(3張)= =
電腦的random始終都是信不過!

>>由希
我仍然不懂置頂= = 你可以教我嗎XD

>>稟君
尋找方法才是最花時間的地方(淚
找到方法後只需copy便可以了...
[2009/07/09 03:02] 鳴風 : URL[ 編輯 ]
----
其實FC2置頂很簡單啊XD
就...在文章的設定
先點任意指定
再在下面的欄位填上未來的時間
譬如說我這篇要置頂到7/24 就把發表時間改成7/24就好了(茶
[2009/07/09 14:19] 由希 : URL[ 編輯 ]
----
>>由希
哦~原來如此~受教了XD
[2009/07/09 18:13] 鳴風 : URL[ 編輯 ]
----
好啊!!推~

這篇真是受益良多

剛好最近換新面板也要製作新的橫幅
[2009/07/09 21:21] 糟 : URL[ 編輯 ]
----
原來很多人喜歡換圖啊XD
當初自己換圖最大的目的是找個機會研究語法
也是試了好幾個小時呢XD
看完這篇後算是複習到了~
[2009/07/10 19:24] 伊颯 : URL[ 編輯 ]
----
喔喔......感謝教學!!

回去試試!!

不再做個LOGO都覺得我的部落格一點特色都沒有(死)
[2009/07/12 00:19] 夜堇空 : URL[ 編輯 ]
----
>>糟
題外話~恭喜你的blog10000HIT
賀圖就下次吧XD(懶)

>>伊颯
語法就像寫程式一樣的萌呀!

>>夜堇空
嗯嗯~創造出blog的特色的確很重要
一起加油吧
[2009/07/12 17:09] 鳴風 : URL[ 編輯 ]
--謝謝--
謝謝
很有用的教學

更改CSS語法日還真是困難
起初更改調整版面太少已經用了我不少時間


[2009/07/12 18:31] 往音 : URL[ 編輯 ]
----
之前的破網誌時是用過
圖片不多的話
重複率到是挺高的
不曉得有沒有辦法讓他不要那麼容易重複
[2009/07/13 11:15] 夏弦月 : URL[ 編輯 ]
----
痞克不知道能不能用 WW
[2009/07/17 11:50] ICO : URL[ 編輯 ]
----
神奇的Header隨機變換0.0
有空該來試試XD
[2009/07/23 07:06] Ickeal : URL[ 編輯 ]
發表留言














只對管理員顯示

引用
引用 URL
http://alanw46.blog126.fc2.com/tb.php/21-ba7bdd27
引用此文章(FC2部落格用戶)
| 主頁 |

ぺそぎん・時計

主留言版(?)

Plurk (歡迎一齊玩)

Plurk.com

最新留言

文章分類

搜尋欄

最新引用

RSS連結

Blog開設:2009.01.17

連結

將此部落格添加到連結

觀察(?) 2009.08.08