HTML的li加超链请教

HTML的li加超链请教,第1张

刚刚试了一下你的代码,结果是不是和上面图片上这个一样的。首先代码不建议这样写,代码不规范后面很容易报错的,你的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}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11276249.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存