〈於瀏覽器四角固定位置靜態顯示圖片,可設定出現位置、時間及網址連結〉
1。將下列語法放在 <HEAD> 與 </HEAD> 之間
- 代碼: 選擇全部
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="staticlogo.js">
/***********************************************
* Site Logo script- c Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
</script>
2。下載 staticlogo.js 放在網頁相同目錄位置
〈右鍵按此將staticlogo.js下載另存新檔〉
3。修改staticlogo.js設定
orientation:4, 設定瀏覽器四角固定位置顯示, 可設定數值由1至4 (1=左上角, 2=右上角, 3=左下角, 4=右下角).
visibleduration:0, 設定顯示時間長短 (毫秒), 設定為 0為永久顯示.
offsets: {x:10, y:10}, 設定顯示位置與邊緣距離.
logoHTML, 設定顯示圖片位置/大小/標題/網址連結...等等
- 代碼: 選擇全部
setting: {orientation:4, visibleduration:0, fadeduration:[1000, 500]}, //orientation=1|2|3|4, duration=millisec or 0, fadedurations=millisecs
offsets: {x:10, y:10},//offset of logo relative to window corner
logoHTML: '<a href="#" title="VIIIIXVIIV"><img src="candle1.gif" style="width:45px; height:60px; border:0" /></a>', //HTML for logo, which is auto wrapped in DIV w/ ID="mysitelogo"
4。燭光圖片範例
右鍵按連結下載圖片另存新檔
candle1.gif
candle2.gif
candle3.gif
candle4.gif
candle5.gif
candle6.gif
candle7.gif
candle8.gif
candle9.gif
candle0.jpg
5。演示