li内多出的内容以省略号显示，鼠标移过将显示全部内容。
以省略号显示我已经做好了，就差鼠标移过将显示全部内容（要的效果是在当前li下显示全部内容）。求高手指点一二！！！谢谢<html><head><styletype="tex...
以省略号显示我已经做好了，就差鼠标移过将显示全部内容（要的效果是在当前li下显示全部内容）。求高手指点一二！！！谢谢
<html>
<head>
<style type="text/css">
li {
list-style:none;
width:100px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
margin-top:5px; }
</style>
</head>
<body>
<ul>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">尽快了解了解可怜快捷链接里看见快乐建立</a></li>
<li><a href="#">和国际环境来看看窘境看见了开发机构了解了空间</a></li>
<li><a href="#">发电股份的合格两款发动机和旅客看了解了空间</a></li>
<li><a href="#">发电股份的高科技了发动机来看发给大家了发动机来看</a></li>
</ul>
</body>
</html>
效果如图所示 展开
<html>
<head>
<style type="text/css">
li {
list-style:none;
width:100px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
margin-top:5px; }
</style>
</head>
<body>
<ul>
<li><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li><a href="#">尽快了解了解可怜快捷链接里看见快乐建立</a></li>
<li><a href="#">和国际环境来看看窘境看见了开发机构了解了空间</a></li>
<li><a href="#">发电股份的合格两款发动机和旅客看了解了空间</a></li>
<li><a href="#">发电股份的高科技了发动机来看发给大家了发动机来看</a></li>
</ul>
</body>
</html>
效果如图所示 展开
1个回答
展开全部
如下代码可以实现你要的效果，希望可以帮到你。
<html>
<head>
<style type="text/css">
.li1 {
list-style:none;
width:100px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
margin-top:5px; }
.li2{
list-style:none;
margin-top:5px;
}
</style>
</head>
<body>
<ul>
<li class="li1" onmouseover="this.className='li2'" onmouseout="this.className='li1'"><a href="#">web标准常见问题大全web标准常见问题大全</a></li>
<li class="li1" onmouseover="this.className='li2'" onmouseout="this.className='li1'"><a href="#">尽快了解了解可怜快捷链接里看见快乐建立</a></li>
<li class="li1" onmouseover="this.className='li2'" onmouseout="this.className='li1'"><a href="#">和国际环境来看看窘境看见了开发机构了解了空间</a></li>
<li class="li1" onmouseover="this.className='li2'" onmouseout="this.className='li1'"><a href="#">发电股份的合格两款发动机和旅客看了解了空间</a></li>
<li class="li1" onmouseover="this.className='li2'" onmouseout="this.className='li1'"><a href="#">发电股份的高科技了发动机来看发给大家了发动机来看</a></li>
</ul>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
