當滑鼠移至連結,淡出顯示說明文字方塊。

下載JS檔案 放置於網頁目錄下

<HEAD>與</HEAD>之間

<style type="text/css">
<!--
.navtext {
width:200px;
font-size:8pt;
border: 1px solid #fff;
background-color:#efefef;
color:#39c;
}
-->
</style>
<script type="text/javascript" src="alttxt.js"></script> 

<BODY>與</BODY>之間

<div id="navtxt" style="position:absolute; top:-100px; left:0px; visibility:hidden"></div>
<a href="#" onmouseover="writetxt('by: brian gosselin of scriptasylum.com')" onmouseout="writetxt(0)">。Aalttxt v1.2</a>
<a href="#" onmouseover="writetxt('<b>Aalttxt v1.2:</b><br />script featured on dynamic drive (http://www.dynamicdrive.com)')" onmouseout="writetxt(0)">。Author</a>


✦width:200px; /*說明框寬度*/
✦font-size:8pt; /*字體大小*/
✦border: 1px solid #fff; /*框線樣式*/
✦background-color:#efefef; /*背景顏色*/
✦color:#39c; /*文字顏色*/
✦onmouseover="writetxt('<b>Aalttxt v1.2:</b><br />.... //修改說明文字
淡出速度請修改alttxt.js (94行) ieop+=7; //值越高速度越快

 

arrow
arrow
    全站熱搜

    Bonnie✦ 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄