麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 語言 > JavaScript > 正文

js實現(xiàn)鼠標移到鏈接文字彈出一個提示層的方法

2024-05-06 16:19:55
字體：大 中 小
供稿：網(wǎng)友

這篇文章主要介紹了js實現(xiàn)鼠標移到鏈接文字彈出一個提示層的方法,涉及javascript鼠標事件與css樣式的相關技巧,需要的朋友可以參考下

本文實例講述了js實現(xiàn)鼠標移到鏈接文字彈出一個提示層的方法。分享給大家供大家參考。具體分析如下：

這里實現(xiàn)鼠標移動到鏈接文字上面，彈出一個已定義好的DIV層的效果。在這個層里你可以加入與此鏈接對應的信息，這樣就成了一個信息提示窗，在淘寶、新浪都能看到這種效果，很實用。

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns="http://www.w3.org/1999/xhtml"> 
  4. <head> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  6. <title>鼠標移到文字上彈出提示層</title> 
  7. <style type="text/css"> 
  8. <!-- 
  9. #box{ 
  10. display:none; 
  11. width: 315px; 
  12. height: 180px;  
  13. background:#CCC; 
  14. border:1px solid #333; 
  15. padding:12px; 
  16. text-align:center; 
  17. } 
  18. --> 
  19. </style> 
  20. <script type="text/javascript" language="javascript" > 
  21. <!-- 
  22. function display(){ 
  23. document.getElementById("box").style.display="block";  
  24. } 
  25. function disappear(){ 
  26. document.getElementById("box").style.display="none";  
  27. } 
  28. --> 
  29. </script> 
  30. </head> 
  31. <body> 
  32. <a href="#" onmouseover="display()" onmouseout="disappear()"> 
  33. 鼠標放到這兒！ 
  34. </a> 
  35. <div id="box" onmouseover="display()" onmouseout="disappear()"> 
  36. 效果不錯吧？這里面你可以設置一張圖片，也可以是一段文字， 
  37. 而且源代碼很簡單哦！ 
  38. </div> 
  39. </body> 
  40. </html> 

希望本文所述對大家的javascript程序設計有所幫助。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板： 欧美性猛交一区二区三区精品 | 亚洲一级成人 | 国产精品视频一区二区三区四区国 | 4p一女两男做爰在线观看 | 色阁五月 | 日本欧美一区二区三区在线观看 | 日本一区视频在线观看 | 97精品国产高清在线看入口 | 欧美久久一区二区 | 成人做爰s片免费看网站 | 久久国产精品二区 | jizzjizzjizz少妇| 性欧美大战久久久久久久免费观看 | 美女擦逼 | 一区二区三区在线观看国产 | 中文在线观看www | 在线观看免费毛片视频 | 少妇的肉体的满足毛片 | 操操影视 | av噜噜在线 | 欧美一区二区三区久久精品视 | 7777网站 | 精品国产视频一区二区三区 | 欧美成网| 香蕉久久久精品 | 成人激情在线观看 | 久久精品小短片 | 在线观看视频毛片 | 538任你躁在线精品视频网站 | 9191色| 久久久久久久黄色片 | 偿还的影视高清在线观看 | 欧美一级全黄 | 91懂色 | 第一区免费在线观看 | 国产乱xxxx | 羞羞视频免费观看网站 | 91美女福利视频 | 久久久久女人精品毛片九一 | 精精国产xxxx视频在线野外 | 美女黄色毛片免费看 |