網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>文本鏈接特效代碼>

JS實現(xiàn)按鈕及文字的懸停提示_文本鏈接特效

這是用JS實現(xiàn)的按鈕及文字上的懸停提示功能，提升你網(wǎng)站的人性服務，適時顯示提示信息，指引用戶該怎么做，不要小看這些小功能哦，用好了可以提升你網(wǎng)站的品質(zhì)，大家會喜歡上你。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS炫彩文字</title>
<script type="text/javascript"> 
function window.onload()
{ 
    var tip=document.createElement("DIV") 
    tip.id="oTip" 
    with(tip.style)
    { 
        position="absolute" 
        border="1px solid #363636" 
        backgroundColor="#ffffff" 
        font="normal 12px Tahoma" 
        padding="1 3 1 3"
        display="none" 
    } 
    document.body.appendChild(tip)
    document.onmouseover=show
    document.onmouseout=hide
} 
function show() 
{ 
    if(event.srcElement.alt && event.srcElement.alt!="") 
    { 
        with(oTip.style)
        { 
            posLeft=document.body.scrollLeft+event.x+10 
            posTop=document.body.scrollTop+event.y+10 
            oTip.innerText=event.srcElement.alt 
            event.srcElement.alt="" 
            display="block"
        } 
    } 
} 
function hide()
{ 
    event.srcElement.alt=oTip.innerText 
    oTip.innerText="" 
    oTip.style.display="none"
} 
</script>
</head>
<body>
<button alt="這是按鈕上的提示：模板無憂是一個學習型的源碼資料站，更加注重源碼品質(zhì)，謝謝支持！">模板無憂</button> 
<a alt="Welcome To http://www.wf0088.com">mb5u.com</a>
</body>
</html>

所屬頻道：文本鏈接特效/更新時間：2012-12-20

[收藏][報錯][返回列表]

相關(guān)文本鏈接特效：

JS實現(xiàn)按鈕及文字的懸停提示_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些