進階 CSS 語法

第六篇
認識 Layer 的運作方式

適合程度： 初學者 一般程度 進階者 以上均宜




注意：本特效 Mozilla Firefox 恐無法顯示

原始 JavaScript 程式碼： <SCRIPT LANGUAGE="JavaScript">
<!--
var top = 210; //這個值配合修改
var y = -50;
var x = 1;
if (navigator.appName == "Netscape") {
docStyle = "document.";
styleDoc = "";
vtop = ".top="; }
else {
docStyle = "";
styleDoc = ".style";
vtop = ".pixelTop="; }
function scrollItems() {
if (x < 7) {
itemX = "item" + x;
y += 10;
eval(docStyle + itemX + styleDoc + vtop + y);
if (y < top) setTimeout("scrollItems()",35);
else {
y = -50;
top += 30;
x++;
setTimeout("scrollItems()",35);
}
}
}
// -->
</SCRIPT>
請將這段 JavaScript 程式碼，放於 <head>..</head> 之間
並在 <body 內加入 onLoad="scrollItems();">
<DIV id="Layer1" style="這個 id="Layer1 記得改為 item1"，來配合 JavaScript 程式碼
以下是 Layer & CSS 加邊框語法：
BORDER-TOP: #000000 1px;
BORDER-BOTTOM: #000000 1px;
BORDER-LEFT: #000000 1px;
BORDER-RIGHT: #000000 1px;
其他 Layer & CSS 請參考前頁辦理
這個 Banner 也具有 Linking 功能哦！