JavaScript實現(xiàn)簡單Tip提示框效果
更新時間：2016年04月20日 09:24:40 作者：且行且思
這篇文章主要介紹了JavaScript實現(xiàn)簡單Tip提示框效果,涉及JavaScript響應(yīng)鼠標(biāo)事件針對頁面元素動態(tài)操作的相關(guān)技巧,需要的朋友可以參考下
本文實例講述了JavaScript實現(xiàn)簡單Tip提示框效果。分享給大家供大家參考，具體如下：
// JavaScript Document
document.write("<div id='tip' style='position:absolute; width:300px; z-index:1; background-color: #ffffff; border: 1px solid gray; overflow: visible;visibility: hidden;font-size:12px;padding:12px;color:#333333'></div>")
function showtip(w){
var x=event.x;
var y=event.y;
tip.innerHTML=w;
tip.style.visibility="visible";
tip.style.left=x+10;
tip.style.pixelTop=y+document.body.scrollTop+10;
}
function hidetip(){
tip.style.innerHTML=""
tip.style.visibility="hidden";
}
以上另存為： showtip.js
<table width="100%" border="0" cellspacing="0" cellpadding="0" background="#F7F7F0">
<tr height="25">
<td background="images/line-dot.gif" height="20" align="left"><IMG height="5" src="images/dot2.gif" width="5">
<a
onmousemove="showtip('<b>標(biāo)題：</b><br>畢業(yè)女生 自信更在包裝外<br>')"
onmouseout=hidetip()
href='Common/NewsDetails.aspx?id=1035'
target=_blank>
畢業(yè)女生 自信更在包裝外
</a>
</td>
</tr>
<tr>
<td background="images/point_h.gif" height="1"></td>
</tr>
</table>
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動畫特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
JavaScript使用循環(huán)和分割來替換和刪除元素實例
一個JavaScript實例，使用循環(huán)和分割來替換和刪除元素，很簡單，但很實用，建議初學(xué)者學(xué)習(xí)下2014-10-10
防止網(wǎng)站內(nèi)容被小偷采集的js代碼...2006-09-09
這篇文章主要介紹了小程序click-scroll組件設(shè)計，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
第一種是使用document.write/writeln(）方式，第二種使用jQuery，第三種是使用原生js方法，感興趣的小伙伴們可以參考一下2018-05-05
Vue elementUI實現(xiàn)免密登陸與號碼綁定功能
這篇文章主要介紹了Vue elementUI實現(xiàn)免密登陸與號碼綁定功能，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)吧2022-11-11
defer屬性導(dǎo)致引用JQuery的頁面報“瀏覽器無法打開網(wǎng)站xxx，操作被中止”錯誤的解決方法
defer屬性導(dǎo)致引用JQuery的頁面報“瀏覽器無法打開網(wǎng)站xxx，操作被中止”錯誤2010-04-04
這篇文章主要介紹了微信小程序訪問豆瓣電影api的實現(xiàn)方法,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-03-03
這篇文章主要介紹了JavaScript中跨域調(diào)用Flash的方法,只需要在Flash中加一句話即可,需要的朋友可以參考下2014-08-08
這篇文章主要介紹了JS實現(xiàn)漂亮的時間選擇框效果,結(jié)合實例形式分析了javascript時間選擇框插件的實現(xiàn)與使用方法,需要的朋友可以參考下2016-08-08
Highcharts使用簡例及異步動態(tài)讀取數(shù)據(jù)
Highcharts 是一個用純JavaScript編寫的一個圖表庫， 能夠很簡單便捷的在web網(wǎng)站或是web應(yīng)用程序添加有交互性的圖表，并且免費提供給個人學(xué)習(xí)、個人網(wǎng)站和非商業(yè)用途使用，通過本文給大家介紹Highcharts使用簡例及異步動態(tài)讀取數(shù)據(jù)的相關(guān)知識，感興趣的朋友一起學(xué)習(xí)吧2015-12-12