为了账号安全,请及时绑定邮箱和手机立即绑定

为甚不显示,

<script>

document.getElementById('lis').onmouseover = show;
document.getElementById('lis').onmouseout = hide;
function show(){
    document.getElementById('ul1').style.display='block';
    }
function hide(){
    document.getElementById('ul1').style.display='none';
    }
</script>
</head>

<body>
<ul>
  <li class="lis"><a href="#" id="link">微博</a>
    <ul id="ul1">
      <li>死心</li>
      <li>死心</li>
      <li>死心</li>
    </ul>
  </li>
</ul>

</body>

<style>
li{ list-style:none; }
ul{ padding:0;margin:0;}
.lis{ position:relative; list-style:none; width:80px; height:30px; border:1px solid #000;}
.lis a{ text-decoration:none; display:block; line-height:30px; text-align:center;}
ul ul{ display:none; padding:0;margin:0; position:absolute; top:30px; left:-1px;border:1px solid #000; width:140px;}
ul ul li{ text-align:center;line-height:30px;}
</style>

正在回答

2 回答

<li class="lis">更改为<li id="lis">

0 回复 有任何疑惑可以回复我~

style 要放头部  你这个js加 window.onload  = functions 或者script 标签和 style标签换一下位置

0 回复 有任何疑惑可以回复我~
#1

慕粉3770264 提问者

我的style是放在头部的。这里复制的时候,放在底部的
2016-09-28 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础 (一)—样式篇
  • 参与学习       217509    人
  • 解答问题       1218    个

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

进入课程

为甚不显示,

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信