dx html5怎样写下拉菜单

dx html5怎样写下拉菜单,第1张

1)、普通下拉列表菜单

html代码如下:

<form action="" method="get"> 

<label>1、普通下拉列表菜单</label> 

<select name=""> 

<option value="0">DIVCSS5</option> 

<option value="1">DIVCSS5</option> 

</select> 

</form> 

2)、跳转下拉列表菜单(如常见点击后跳转到选择网站)

常常一些网站做友情链接,与部门之间使用select下拉标签实现网址跳转。下面我们通过代码与案例接受select跳转菜单应用。

跳转菜单html代码如下:

<form action="" method="get"> 

<label>2、跳转的下拉列表菜单</label> 

<select name="jumpMenu" id="jumpMenu"

 onchange="MM_jumpMenu('parent',this,0)"> 

<option value="http://www.Rothur.com/">Rothur</option> 

<option value="http://www.Rothur.com/">Rothur</option> 

</select> 

</form> 

实现跳转还需要在head标签内加入Js脚本动作代码:

<script type="text/javascript"> <!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'") if (restore) selObj.selectedIndex=0 } //--> </script>

亲,你好,很乐意为你解答问题,目前并不是所有手机浏览器都支持HTML5+CSS3的功能

所以并不是你使用了CSS3的制作方法,所有手机就会识别你的制作方法。

首先你要确认你的网站为了哪一部分的手机用户提供服务,

如果有问题,可以继续追问我。


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

原文地址: http://outofmemory.cn/zaji/7205814.html

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

发表评论

登录后才能评论

评论列表(0条)

保存