刚刚试了一下你的代码,结果是不是和上面图片上这个一样的。首先代码不建议这样写,代码不规范后面很容易报错的,你的ul标签没有结尾。因为整个LI都是超链接,那里面的内容就不可能会被点击到,所以只能做JS跳转。具体代码可以上网查询。
[html] view plain copy
<ul >
<li><a href="">aaa</a></li>
<li><a href="">bbb</a></li>
<li><a href="">ccc</a></li>
</ul>
这样只能点字才能出发 href如何让点 li 就直接能触发连接呢?
给 A 标签加上ID,拦截 li onclick 事件模拟A标签单击。事实上你完全不必使用A标签,直接单击事件里self.location=XXX就完事了[html] view plain copy
<li onclick="javascript:document.getElementById('01').click()"><a id="01" href="#####">aaa</a></li>
话说你能做成这样,链接不会加?<li class="btn2"></li>是在这里面加吗?
加链接:<li class="btn2"><a href="网址"></a></li>
如果要链接和li一样的宽和高,可以加CSS:
.btn2 a { display:inline-blockwidth:238pxheight:42px}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)