如何在语言下拉菜单的English选项中添加href链接?
给语言下拉菜单添加跳转链接
要实现点击English选项跳转,你需要用HTML的<a>标签包裹可点击内容,href属性就写在这个标签里。具体修改方法如下:
找到代码里对应English的<li>项,把图标和文字(或仅文字)用<a>标签包裹,将跳转目标地址填入href属性。
修改后的完整代码片段:
<div class="nav-wrapper"> <div class="sl-nav"> Sprache: <ul> <li><b>Deutsch</b> <i class="fa fa-angle-down" aria-hidden="true"></i> <div class="triangle"></div> <ul> <li><i class="sl-flag flag-de"><div id="germany"></div></i> <span class="active">Deutsch</span></li> <!-- 修改后的English选项 --> <li><a href="你的英文页面地址"><i class="sl-flag flag-usa"><div id="germany"></div></i> <span>English</span></a></li> <li><i class="sl-flag flag-cz"><div id="germany"></div></i> <span>Česky</span></li> </ul> </li> </ul> </div> </div>
- 把
href="你的英文页面地址"替换成实际跳转路径,比如href="en.html"(当前目录下的英文页面)或href="/en"(根目录下的英文路径)。 - 若只想让文字可跳转,仅把
<span>English</span>改成<a href="地址">English</a>即可;要让图标也能跳转,就像示例里那样把图标和文字一起包在<a>内。 - 其他语言选项(比如Česky)也可以用同样的方式添加跳转链接。
内容的提问来源于stack exchange,提问作者Jerge
相关产品推荐
相关产品推荐

