DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 網頁特效:浮動的鏈接說明
網頁特效:浮動的鏈接說明
編輯:Dreamweaver相關     
【簡 介】
   又一個網頁特效,共享給大家! (下邊的代碼可以拷貝到網頁中)
腳本說明:
第一步:把如下代碼加入<head>區域中
<SCRIPT language="javascript">
<!--
bname=navigator.appName;
bversion=parseInt(navigator.appVersion)
if (bname=="Netscape")
brows=true
else
brows=false
var x=0;
var link=new Array();

function dspl(msg,bgcolor,dtop,delft){
this.msg=msg;
this.bgcolor=bgcolor;
this.dtop=dtop;
this.dleft=delft;
}

link[0]=new dspl('[本站宗旨]<BR>為制作交互的動態頁面提供全面的分類齊全的JS腳本資源和主頁制作技巧。','bisque',150,430)

link[1]=new dspl('[本站論壇]<BR>討論一些我們共同關心的問題,主頁制作,JS腳本的應用技巧等。','bisque',175,430)

link[2]=new dspl('[本站欄目]<BR>分類齊全的JS腳本資源,JavaApplet小程序,精彩動畫欣賞,各種實用資源及郵件列表(JS腳本先睹為快)等。','bisque',200,430)

link[3]=new dspl('[關於本站]<BR>創建於*年*月*日,Webmaster:天涯網人','bisque',235,430)

// Do not edit anything else in the script !!!!

function don(x){
if ((bname=="Netscape" && bversion>=4)    (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows){
with(link[x]){
document.layers['linkex'].bgColor=bgcolor;
document.layers['linkex'].document.writeln(msg);
document.layers['linkex'].document.close();
document.layers['linkex'].top=dtop;
document.layers['linkex'].left=dleft;
}
document.layers['linkex'].visibility="show";
}
else{
with(link[x]){
linkex.innerHTML=msg;
linkex.style.top=dtop;
linkex.style.left=dleft;
linkex.style.background=bgcolor;
}
linkex.style.visibility="visible";
}
}
}

function doff(){
if ((bname=="Netscape" && bversion>=4)    (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (brows)
document.layers['linkex'].visibility="hide";
else
linkex.style.visibility="hidden";
}
}

//-->

</SCRIPT>

第二步:把如下代碼加入<body>區域中
<Div id="linkex" style="position: absolute; visibility: hidden; width=80%">
</Div>
<Layer name="linkex" visibility="hide" width="80%">
</Layer>
<p align="center">
<a href=" time1time1'}else{href='javascript:void(0)'}" webstripperwas="time1" onmouseover="don(0)" onmouseout="doff()" target="_blank">[本站宗旨]</a><BR>
<BR>
<a href=" time2time2'}else{href='javascript:void(0)'}" webstripperwas="time2" onmouseover="don(1)" onmouseout="doff()" target="_blank">[本站論壇]</a><BR>

<br>
<a href=" time3time3'}else{href='javascript:void(0)'}" webstripperwas="time3" onmouseover="don(2)" onmouseout="doff()" target="_blank">[本站欄目]</a><BR>
<BR>
<a href=" time4time4'}else{href='javascript:void(0)'}" webstripperwas="time4" onmouseover="don(3)" onmouseout="doff()" target="_blank">[關於本站]</a>
</p>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved