●●此範例已搭配css置中設計增加一欄書籤與圖標置換●●
範例預覽圖如下：
修改技巧：
1.自行增加一欄頁籤
自己貼入
<td width="91"><img name="Tag_COMM" src="Tab_Img50.gif" onMouseOver="Rot_Msg(5)" onMouseOut="Rot_Msg()" onClick="Pause_Msg()"></td>
紅色部分請自行修改，50 60 70以此類推 5 6 7以此類推
若修改為50 請準備50跟51兩張圖 50是一般狀態 51是滑鼠滑過狀態
2.css的MsgHide可修改內文欄位高度
請在方框-Height(H)填入你要的數字
再次感謝原創者無私提供
※※此範例原創來源自╭【Pinky❤Vivi】薇朵兒✦朵貓貓藏私角╮CSS∥如Yahoo! 奇摩首頁的滑動頁籤語法※※
教學說明：
我在製作網頁時，由於使用了3D螺旋的特效，
因此無法順利降版為Flashplayer10以下做播放
所以我採用了flash裡面的發佈功能，用來作為偵測使用者flashplayer版本的問題
就可以解決版本未升級導致播放錯誤的情況囉！
1.在flash修改發佈設定
a.檔案>發佈設定>格式，將flash與html兩個選項打勾
b.檔案>發佈設定>html>將偵測flash版本打勾
2.按發佈
3.開啟Dreamweaver
4.開啟原本放置flash的網頁(在此命名為index.html)
5.開啟剛剛發佈的html檔案(在此名為but.html)
6.複製but.html程式碼，如下，並將其貼在<head></head>中間
<script language="JavaScript" type="text/javascript">
</script>
<script language="JavaScript" type="text/javascript">
</script>
7.再複製but.html程式碼，如下，貼在遇放入flash的<td></td>中間
<script language="JavaScript" type="text/javascript">
</script>
<noscript>
// 為不支援 Scripting 或停用 Scripting 的瀏覽器提供替代的內容。
替代的 HTML 內容應置於此處。 這個內容需要 Adobe Flash Player。
<a href="http://www.adobe.com/go/getflashplayer/">取得 Flash</a>
</noscript>
8.並修改第二次貼上的程式碼中的 'wmode', 'window', 上方用紅字表現的地方
將windows改為transparent這樣就可以囉！
A步驟
1.開啟html的新檔案(Ctrl+N)
2.另存新檔→命名為floatadv.html
3.切換到程式碼模式
4.輸入
<script src="new.js" language="JavaScript"></script>
用來呼叫new.js這個檔案
5.儲存
B步驟
1.開啟一個Javascript的新檔案(Ctrl+N)
2.命名為new.js
3.在頁面上輸入
// JavaScript Document
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("lovexin12").style.top=parseInt(document.getElementById("lovexin12").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
suspendcode12="<DIV id=\"lovexin12\" style='left:22px;POSITION:absolute;TOP:232px;LEFT:180px;'><a href=JavaScript:; onclick=\"lovexin12.style.visibility='hidden'\"><img border=0 src=../FloatAdv/images/FloatAdv.gif></a></div>"
document.write(suspendcode12);
window.setInterval("heartBeat()",1);
4.其中必須將紅色的字換成你想出現的圖片路徑
5.藍色部分，是圖片的版面位置所在
6.儲存！
7.切換到floatadv.html用IE預覽就可以看到成品囉！
PS.若您要合併到其他網頁上，只需將new.js檔案拷貝到其網頁的根目錄中
並在遇加入此特效的網頁<body>後加入
<script src="new.js" language="JavaScript"></script>
這樣就可以囉！
請先安裝 flevPersistentDivs.mxp 這個套件(上google搜尋一下就有囉)
1.於版面的右上角的地方，插入(ctrl+f2)>版面>繪製AP Div
2.將Apdiv1的大小設定預插入的圖片大小
3.插入>圖片
4.點選圖片，將邊框設為0
5.開啟行為面板(shift+f4)
6.點選圖片
7.行為>RibbersZeewolde>Persisted Layers
●Stick to the top/left position defined by its CSS style 根據本身的CSS定義來固定位置於於上方或左邊
●Stick to the position specified by the following options 根據以下設定來指定所在位置
●Horizontal 水平
offset from window border 與邊框的距離
●Vertical 垂直
offset from window border 與邊框的距離
Persistency Type 固定的類型
●Static 固定式
●Animated 浮動的
Gradually Decreasing Speed:Factor:____(higher Value=slower animation)
緩慢的速度:效果:____(高速=慢動作)
Constant Speed: Move:__Px every:__Ms
平均速度 每秒移動的像素
Note:please ensure that your document contains the Netscape Resize Fix(Commands menu)
8.將滑鼠命令設定在onLoad
9.那就大功告成啦！
在某一天，我發現我放在hinet免費網頁空間的網站在右側出現了這樣的問題
你看！右側這是什麼東西阿！我這網站可是花了很多時間，而且刻意把Scrollbar隱藏起來呢？
全部被擠掉了！
於是，我參考知識+裡的一篇文章有介紹到用Javascript來擋掉hinet的廣告
請將這些以下語法複製，並貼到首頁index.htm的程式碼的最上層
<script type="text/javascript">try{var _hinet = parent.document.getElementsByTagName("frameset");for(var i=0;i<_hinet.length;i++){_hinet[i].cols="*,0";}}catch(err){}</script>
或者是以下這段
<script type="text/javascript">try{parent.document.getElementById("MywebFrameSet").cols="*,0";}catch(err){}</script>
<script type="text/javascript">try{parent.document.getElementById("MywebFrameSet_120300").cols="*,0";}catch(err){}</script>
<script type="text/javascript">try{parent.document.getElementById("MywebFrameSet_300250").cols="*,0";}catch(err){}</script>
然後將網頁上傳到FTP就可以囉！
黃色區塊的地方就是貼語法的示意圖
事件記錄 (3)