- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6眼萌app怎么色弱測試 眼萌app色弱測試圖文說明教程
- 7百度安全衛士好用么_百度安全衛士技巧說明
- 8PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 9Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 10Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 11ipad版office如何激活? office365激活的圖文說明教程
- 12最新的Adobe Illustrator CS4序列號大全
[摘要]花了兩天的時間才把這個簡單的東西給做出來。本來早就想做這個東西的，但是由于......(跟老板后面做事，當然空閑的時間就少了，唉，實在不好意思，因為自己不才，所以找了個借口)。剛好現在公司又讓我做個房產管理系統，要用這樣的一個方法了，所以才狠下心來非把這個做出來不可。我認為這個例子非常實用(個人看...
花了兩天的時間才把這個簡單的東西給做出來。本來早就想做這個東西的，但是由于......(跟老板后面做事，當然空閑的時間就少了，唉，實在不好意思，因為自己不才，所以找了個借口)。剛好現在公司又讓我做個房產管理系統，要用這樣的一個方法了，所以才狠下心來非把這個做出來不可。我認為這個例子非常實用(個人看法)，而且好多大型網站上都有這種應用。今天寫下來和各位朋友一起分享。以下就是我的所有代碼，有不妥之處還請各位高人指教，在此先謝了。
把這里的所有代碼都放在<body>與</body>之間即可
<script language=javascript>
<!--
function hiddiv()
{
document.all.ab.style.display="none"
}
function showdiv()
{
document.all.ab.style.display=""
document.all.ab.style.left=window.event.clientX+15
document.all.ab.style.top=window.event.clientY
}
//-->
</script>
<div id=ab style="position: absolute; width: 126; height: 27; background-color: orange; display: none; left: 11; top: 36">地址：園區星海街東側<br>電話：0512-65103588-206</div>
<table border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td width="150"><a href="#" onmouseout=hiddiv(); onmousemove=showdiv();>發現之旅</a></td>
</tr>
</table>
當然了這里的功能比較簡單，沒有對瀏覽器類型進行判斷，本人不才，就把這個問題留給各位了，歡迎每一位朋友來修改這個問題。
在這里還有一個問題就是如果文本不止一個、定義的層也就不止一個。如果還用這樣的方法就會出錯，我對這個問題研究了一下，用下面的這個方法就可以解決了。
<script language=javascript>
<!--
function hiddiv(blah)
{
blah.style.display="none"
}
function showdiv(blah)
{
blah.style.display=""
blah.style.left=window.event.clientX+15
blah.style.top=window.event.clientY
}
//-->
</script>
<div id=ab style="position: absolute; width: 126; height: 27; background-color: orange; display: none; left: 11; top: 36">地址：園區星海街東側<br>電話：0512-65103588-20611</div>
<div id=cd style="position: absolute; width: 126; height: 27; background-color: orange; display: none; left: 11; top: 36">地址：新區明星街南側<br>電話：0512-65103588-20622</div>
<table border="0" cellpadding="0" cellspacing="0" width="600">
<tr>
<td width="150"><a href="#" onmouseout=hiddiv(ab); onmousemove=showdiv(ab);>發現之旅</a></td>
</tr>
<tr>
<td width="150"><a href="#" onmouseout=hiddiv(cd); onmousemove=showdiv(cd);>和風景苑</a></td>
</tr>
</table>
如果有更多的文本和層的話以此類推即可。
在這里有幾點要說明的就是：
1、showdiv中帶參數時再用document.all.ab.style.display=""就不適用了，關于這點朋友們可以參考有關書籍
3、onmouseover與onmousemove的區別是：當鼠標移過當前對象時就產生了onmouseover事件,當鼠標在當前對象上移動時就產生了onmousemove事件，只要是在對象上移動而且沒有移出對象的，就是onmousemove事件。我當前就是因為這個onmouseover事件惹的禍要不早就搞定了。今天寫出來讓朋友們也能注意這一點。
4、如果朋友們有更好的方法或有不明白的地方我們可以一起探討。
5、有需要的朋友可以直接拿去用，本人保留版權
推薦資訊 總人氣榜
最新教程 本月人氣
- 1jbl耳機如何？
- 2酷開電視如何？
- 3小狗吸塵器如何？
- 4小鍵盤如何關？
- 5蘋果手機如何下載歌曲？
- 6淘寶如何改評價？
- 7什么學習機好？
- 8秒表如何看？
- 9奧凱航空如何？
- 10手機無法開機如何刷機？
- 11安卓系統如何升級？
- 12一體機玩游戲如何？
- 1防范PPTV網絡電視偷跑P2P流量的方法_pptv網絡電視_下載之家
- 2豆瓣app下載地址 豆瓣app官方版下載
- 317app如何注冊 17app注冊方法流程
- 4Cool Edit提示：resample.xfm文件失去怎么辦？
- 5愛奇藝會員號共享（更新日期：2016年9月28日）
- 6ASP.NET編程10大技巧
- 7用XML與ASP完成購物車
- 8remoteview如何用？remoteview使用方法
- 9百度搶票寶驗證碼不顯示如何辦？百度搶票不顯示驗證碼處理方法
- 10人生日歷搶票如何用？人生日歷搶票插件使用圖文說明教程
- 11柚子相機如何用？柚子相機使用方法
- 12搜狗輸入法如何設置快捷鍵？搜狗輸入法設置快捷鍵圖文說明教程
