网页怎么做才能让ul li中点击li里面任何位置都能转移到a的链接里面去

Posted 2023-04-04

<ul>
<li><img src="images/ico1.png" align="absmiddle"/>添加应用</li>
</ul>
怎么设置a标签 才能让我点击<li>中所有地方都能到转移到<a>标签的href里面？

我也遇到这个问题，
<li><img src="images/ico1.png" align="absmiddle"/><a id="01" href="...">添加应用</a></li>
然后在CSS里面
#01｛display:block；｝
就好啦，长宽就跟li一样，试一下把 参考技术A ul 加个onclick事件。比如 <ul onclick="turntopage()"><li..........</ul>
function onclick()location.href = "你要跳转的地址";追问

unction onclick()location.href = "你要跳转的地址";

这个要写到JS里面吗？ 还有我是想点单独一个li的时候 不是全部都转一个位置
那不是要设置N次？

追答

懂了。 这么写 li1li2li3

追问

哈哈哈

如果我给这个加上css width:100px;height:100px;background:red;
如果这样 我只有点到哈哈哈3个字的时候才能跳转

但是我想要的是点到整个的所有位置 就算点到红色背景 也能跳转

要怎么弄？

追答

li1li2

追问

只能这样呀。。。。不会这么麻烦吧。。

追答

貌似也可以通过设置a标签的长宽来弄。不过我觉得这样还是比较方便的一种。。

本回答被提问者采纳 参考技术B <ul>
    <li>
        <a href="#"><img src=""images/ico1.png"></a>
    </li>
    <li>
        <a href="#"><img src=""images/ico1.png"></a>
    </li>
    <li>
        <a href="#"><img src=""images/ico1.png"></a>
    </li>
</ul>

css属性：ul li a display:block; 

其他css属性正常就行

参考技术C ul加个onclick事件。比如functiononclick()location.href="你要跳转的地址"; 参考技术D 让a标签变成块元素
display:block
display 属性规定元素应该生成的框的类型
block 将显示为块级元素
前提是你的li没有设置宽高
否则失效
希望能帮到你

php或者JS或者CSS怎么删除ul中最后一个li的border-bottom

两种情况：第一：我有个列表，每个li的下边框都是虚线，我要把最后一个li的下边框去除。
第二：网站的导航中，每个导航右边框都有一个border-right，显得好看。但是我想删除最后一个导航的右边框。
第三：以上第一种情况我想批量操作，也就是一个网站里面很多处都用到列表的情况。。。

请问怎么使用php、js、或者css实现以上三个问题？

有谁收我做徒弟么？编程菜鸟想做老鸟啊。。。。
分数没了，只能等待好心人解决收留了

php是后台语言，一般不用作前台样式的chuli，javascript或者CSS删除ul中最后一个li的border-bottom样式的方法如下：

javascript：obj.style.borderBottom = "none";

jquery：$("ul#test li:last-child").css("border-bottom","none");

css：ul#test li:last-childborder-bottom: none;

jquery和css的方法比较简洁，下面实例演示javascript设置方法：

1、HTML结构

<ul id="test">
<li>Glen</li>
<li>Tane</li>
<li>John</li>
<li>Ralph</li>
</ul>

2、javascript代码

window.onload = function()
var li = document.getElementById("test").getElementsByTagName("li");
li[li.length-1].style.borderBottom = "none";

3、效果演示

参考技术A JQ用 $("ul li:last-child") last-child就是最后的意思
css用 li:last-child 不支持IE6
php的话就是利用分割找到最后的li追问

能不能给我一个JQ？包括链接这个JQ。JQ的话，用不用获取ul的ID呢？我的意思是能不能批量的去除，因为一个页面有多处ul列表，如果要获取ID的话，就不能批量的解决问题了。用js能实现单个ul列表删除最后一个li的边框，但是不能用于页面所有的ul列表。
里面是n个li
这是另外一个ul列表
有很多上面这样的ul列表

追答

那就用我这个，直接定义到所有ul 的最后一个li，JQ的支持库直接百度就有

本回答被提问者采纳