●●此範例已搭配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)