水果跳转成功,蔬菜跳转失败,为什么?

来源:2-16 编程练习

_天边_

2021-03-03 18:21:21

也尝试过把每个列表内容都加长到20项,但是结果还是一样,点击水果超链接跳转成功,两个回到顶部超链接也是成功的,唯独点击蔬菜超链接无反应,请问是哪里出问题了呢?
以下是我的代码:

<a name="top">这里是顶部</a ><br />
<div>
<p>
<a href=" ">水果</a >
</p >
<p>
<a href="#vegetable">蔬菜</a >
</p >
<p>
<a href="#sport">运动</a >
</p >
</div>
<div>
<h1 id="fruit">水果</h1>
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
</ul>
<p>
<a href="#top">返回顶部</a >
</p >
</div>
<div>
<h1 id="#vegetable">蔬菜</h1>
<ul>
<li>西红柿</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜薹</li>
<li>西葫芦</li>
<li>香菇</li>
<li>菠菜</li>
<li>豆角</li>
<li>油菜</li>
</ul>
<p>
<a href="#top">返回顶部</a >
</p >
</div>

写回答

1回答

好帮手慕星星

2021-03-03

同学你好,蔬菜中id值不需要加#,否则就不会跳转,修改如下:

http://img.mukewang.com/climg/603f67df09c541dc04490115.jpg

水果的href值也记得添加上,不要删除

http://img.mukewang.com/climg/603f68340909ffff03240067.jpg

祝学习愉快!

0

0 学习 · 15276 问题

查看课程