日期:2014-05-17  浏览次数:20583 次

这问这种在li中可以点击的效果做出来?



---意思就是说,我想做一个下拉菜单,当我的鼠标放在查看粉丝的右侧时,我并没有将鼠标产在文字上,但是已经起到了一个“a”标签的功能,当一点击时,就转到了另一个页面,这是如何实现的呢?

------解决方案--------------------
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
ul,li{margin:0; padding:0; list-style:none; font-size:14px;}
ul{width:180px; border:solid 1px #999999}
a{ text-decoration:none; color:#333333; display:block; padding:5px}
a:hover{background:#e8e8e8; }
</style>
</head>
<body>
<ul>
    <li><a href="http://www.baidu.com">超链接111111</a></li>
    <li><a href="http://www.baidu.com">超链接111111</a></li>
    <li><a href="http://www.baidu.com">超链接111111</a></li>
    <li><a href="http://www.baidu.com">超链接111111</a></li>
    <li><a href="http://www.baidu.com">超链接111111</a></li>
</ul>
</body>
</html>