我在链接网页时遇到了困难。尝试过我所知道的所有技巧(基础知识,因为我刚开始学习网页设计实际上是一个平面设计师而且我只有html和css的基本知识我在js或php中没有任何线索,其余的。只是为了让你知道。)但没有任何工作。希望你猜可以帮助我。以下是代码..
<div class="fleft">
<ul id="cd-dropdown" class="cd-select">
<option value="-1" selected>OUR SERVICES</option>
<option class="icon-corporate">Corporate Branding</option>
<option class="icon-logo">Logo Designing</option>
<option class="icon-webdesign">Web Designing</option>
<option class="icon-camera">Photography</option>
<option class="icon-video">Video Editting</option>
<option class="icon-art">Illustration</option>
<option class="icon-work">Graphic Design</option>
</ul>
</div>
答案 0 :(得分:11)
首先,您是否尝试使用下拉框或列表?
对于下拉菜单,如question中所述,您可以使用JavaScript执行以下操作。使用onChange
事件指定更改选择框的值时要执行的操作。然后使用window.location
告诉浏览器导航到特定页面。
<select onChange="window.location.href=this.value">
<option value="www.google.com">A</option>
<option value="www.aol.com">B</option>
</select>
对于列表,只需稍微更改语法即可。使用无序列表,然后根据自己的喜好设置样式。
<ul>
<li><a href="www.google.com"">A</a></li>
<li><a href="www.aol.com">B</a></li>
</ul>
答案 1 :(得分:4)
您无法将它们本身链接。
如果你想要一个链接列表,那么你应该有一个实际的链接列表:
<ul>
<li><a href="...">...</a></li>
<li><a href="...">...</a></li>
</ul>
如果您想使用选择菜单,那么您应该注意:
然后(注意步骤4及以后是可选的):
<input type="submit" value="Go">
按钮action
属性中引用),用于检查select的值是什么,然后输出302 Found
HTTP状态和Location
带有您希望浏览器访问的URL的标题。submit
事件或select的change
事件中)location
属性设置为所需目标答案 2 :(得分:0)
如果您使用ul创建菜单,可以使用相同的
<div class="fleft">
<ul id="cd-dropdown" class="cd-select">
<li value="-1" selected>OUR SERVICES</li>
<li class="icon-corporate">Corporate Branding</li>
</ul>
</div>
如果您需要下拉,请使用
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>