首页 > 代码库 > demo
demo
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 ul{padding: 0;margin: 0;background-color: #f26e6e;border: 1px solid #000;width: 80px;color: #000;line-height: 2em;position: absolute;} 8 #blc{line-height: 2em;background-color: #eeff90;text-align: center;border: 1px solid #000;display: none} 9 a{text-decoration: none;color: #000}10 li{list-style: none;}11 ul ul a:hover{background-color: yellow;display: block}12 p{position: relative;top: 6em}13 /*14 1.display:none;显示为无15 2.visibility：hidden；隐藏16 3.width height 17 4，透明度18 19 */20 </style>21 </head>22 <body>23 <p>sws</p>24 <ul id=‘link‘>25 <li><a href="#">微博</a></li>26 <ul id=‘blc‘>27 <li><a href="#">评论</a></li>28 <li><a href="#">私信</a></li>29 <li><a href="#">@我</a></li>30 </ul>31 </ul>32 33 <script>34 function toogle(){35 var link=document.getElementById(‘link‘);36 var blc=document.getElementById(‘blc‘);37 link.onmouseover=function(){38 blc.style.display=‘block‘;39 40 };41 link.onmouseout=function(){42 blc.style.display=‘none‘;43 }44 }45 toogle();46 </script>47 </body>48 </html>
demo
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。