[css語法教學]動態相簿背景圖css語法教學

各位親愛的北鼻們

版主最近在研究動態背景貼圖css語法

若是北鼻們想讓自己的相簿背景生動一些

那重點來啦!!

請試著將以下語法貼入自己相簿後台管理的自訂欄位中

按下儲存就大功告成啦!!

切記~以下語法的空行不行任意刪改~否則會失敗看不到語法唷!!

範例:リボン模版-粉紅色
超連結部份可自行修改成想要的圖檔(JPEG或GIF檔)網址

<script language="Javascript">

<!--

var background = "http://nyokiope.com/nyokiaya/ayasozai/kabe/pribon/gribon3/k_0320.gif";

var speed = 0;


browserName = navigator.appName;

browserVer = parseInt(navigator.appVersion);


if (browserName != "Netscape" || browserVer >= 4.5) {


function moveback(movert,movedn,hPos,vPos) {

 
  if (arguments[4])

    document.body.style.backgroundImage = "url(\"" + arguments[4] + "\")";

 

  if (arguments[5])

    document.body.style.backgroundRepeat = arguments[5]

 

  if (!isNaN(hPos)) {

    if ((movert!=0) && (hPos>0)) hPos=-100000

    hPos += movert

  }

  if (!isNaN(vPos)) {

    if ((movedn!=0) && (vPos>0)) vPos=-100000

    vPos+= movedn

  }

 

  document.body.style.backgroundPosition= hPos + " " + vPos

  if (isNaN(hPos))  hPos = "\"" + hPos + "\""

  if (isNaN(vPos)) vPos = "\"" + vPos + "\""

setTimeout("moveback("+movert+","+movedn+","+hPos+","+vPos+")",speed)

}


moveback(1,1,0,0, background);

}


//-->

arrow
arrow
    全站熱搜

    張紫彤 發表在 痞客邦 留言(2) 人氣()