这个下拉菜单式可以循环的使用jquery实现，很实用，喜欢的朋友可以参考下<select name="paymerid" id="paymerid" style="width: 155px;"> <option value="" >--请选择--</option> <c:forEach var="unionconfig" items="${unionconfiglist}"> <option value="${unionconfig.merid}">${unionconfig.merid}</option> </c:forEach> </select>
JQuery获取和设置Select选项 获取Select ： 获取select 选中的 text : $(“#ddlRegType”).find(“option:selected”).text(); 获取select选中的 value: $(“#ddlRegType “).val(); 获取select选中的索引: $(“#ddlRegType “).get(0).selectedIndex; 设置select: 设置select 选中的索引： $(“#ddlRegType “).get(0).selectedIndex=index;//index为索引值 设置select 选中的value： $(“#ddlRegType “).attr(“value”,”Norma...
用jquery实现的一个超级简单的下拉菜单。 效果图 初始效果 鼠标悬浮效果 代码 代码如下:<!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery-1.11.1.js"></script> <style> nav a { text-decoration: none; } nav > ul > li { float: left; text-align: center; padding: 0 0.5em; } nav li ul.sub-menu { display: none; padding-left: 0 !important; } .sub-menu li { color: white; } .sub-menu li:h...
利用struts2和Ajax实现json对象的传输，然后实现菜单的二级联动 下面是我的 js文件原码： 代码如下:var mail={ //初始化 init:{ //初始化数据 initdata:{ did:, ttitle:, sendpassword:, description: }, //初始化事件 initevent:{ DataEvent:function(){ $("#did").unbind("change");//获取一级菜单，绑定事件 $("#did").bind("change",function(){ //alert($(this).val()); mail.init.initdata.did=$(this).val(); //alert(mail...
本例子使用json数据,拼接ul和li来实现的效果图：1.准备json数据: 代码如下:var menuData = [ {id:0,pid:-1,name:"订购产品",url:"",children:[ {id:1,pid:0,name:"电脑配件",url:"//www.gxlcms.com",children:[ {id:20,pid:1,name:"cpu",url:"//www.gxlcms.com",children:[ {id:30,pid:20,name:"Intel",url:"//www.gxlcms.com",children:[ ...
用jquery的hover事件，当鼠标移动到menu时，把遮挡下拉菜单的div设置为负值，鼠标离开时恢复正值， 代码如下： 代码如下:$("#menu").hover( function() { $(".divName").css("z-index", "-1"); }, function() { $(".divName").css("z-index", "0"); });
以前经常看见网站有菜单的显示，鼠标移上去就出现下拉的效果，很绚丽，经过看JQuery视频后，发现实现也挺容易的。 Html中，通过<ul>和<li>标签将所需的元素写出来。 代码如下:<body> <ul> <li class="hmain"> <a href="#">菜单项1</a> <ul> <li> <a href="#"> 子菜单项11</a> </li> <li> <a href="#">子菜单项12</a> </li> </ul> </li> <li class="hmain"> <a href="#">菜单项2</a> <ul> <li> <a href="#">子菜单项21</a> </li>...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>jquery实现多级下拉菜单-柯乐义</title><style>/* navigation style */#keleyi-com-nav{height: 39px;font: 12px Geneva, Arial, Helvetica, sans-serif;background: #2D2D2D;border: 1px solid #323232; border-radius: 3px;mi...
代码如下:<title>导航——点击弹出内容</title> <style type="text/css">.navgation{margin:0;padding:0;list-style-type:none;position:relative;}.navgation li {float:left;}.navgation a{padding:3px 6px;background-color:orange;color:white;text-decoration:none;float:left;height:24px;}.navgation a:hover {background-color:white;color:blue;text-decoration:underline;}.navgation div{display:none;position:abso...
1.样式引用：代码如下: <link rel="stylesheet" href="~/Js/Ddl_Chosen/chosen.css" />2.由于应用了Jquery，所以引用Jquery。(下载地址)代码如下: <script src="<%= ResolveUrl("~/Js/Jquery.js")%>" type="text/javascript"></script>3.相关Js配置代码如下: <asp:DropDownList ID="ddlCountry" runat="server" data-placeholder="Choose a Country..." Width="200px" class="chzn-select"> ...
在网站建设中，特别是做商城和产品网站，通常会用到导航弹出菜单，像是jquery写的仿京东导航菜单，一个经典的左侧多级导航菜单，学会了可以任意改变布局。京东菜单已经有不少JS前端爱好者仿写过，今天蚂蚁网络重新与大家分享一款仿京东商城的商品多级分类菜单，精简版代码 先看下jquery仿京东导航效果： 前端html代码如下： 代码如下:<ul> <li><a href="#">baidu</a></li> <div class="tips"> <p><a href="http://www.baidu.com">...
今天本文就为大家挑选了25个非常好的 jQuery 下拉菜单制作教程和示例。 Slide Down Box Menu with jQuery and CSS3 ( 演示 | 下载 )Fancy Drop Down Menus Using CSS and JQuery. ( 演示 | 下载 )Sliding Jquery Menu ( 演示 | 下载 )Create Simple Dropdown Menu Using jQuery ( 演示 | 下载 )Designing the Digg Header: How To & 下载 ( 演示 | 下载 )Easy to Style jQuery Drop Down Menu Tutorial ( 演示 | 下载 )Professiona...
jQuerySmooth Navigation Menu Simple Drop Down Menu Plugin Dropdown, iPod Drilldown, and Flyout styles jQuery and CSS Example Create the Fanciest Drop Down Menu You Ever Saw A Different Top Navigation Simple jQuery Dropdowns Sexy Drop Down Menu with jQuery and CSS How to Create a Drop Down Nav Menu with HTML5, CSS3, and jQuery Reinventing a Drop Down with CSS and jQuery Superfish Animat...
这是菜单的内容，用ul标签实现菜单： 代码如下:<div id="menu"> <ul> <li><a href="">菜单一</a> <ul> <li><a href="">子菜单1</a></li> <li><a href="">子菜单2</a> <ul><li><a href="">子菜单7</a></li></ul> </li> <li><a href="">子菜单3</a></li> </ul> </li> <li><a href="">菜单二</a> <ul> <li><a href="">子菜单4</a></li> <li><a href="">子菜单5</a></li> <li><a href="">子菜单6</a></li> </ul> </li> </ul> </div> ...
效果如下：这是菜单的内容，用ul标签实现菜单： 代码如下:<div id="menu"> <ul> <li><a href="">菜单一</a> <ul> <li><a href="">子菜单1</a></li> <li><a href="">子菜单2</a> <ul><li><a href="">子菜单7</a></li></ul> </li> <li><a href="">子菜单3</a></li> </ul> </li> <li><a href="">菜单二</a> <ul> <li><a href="">子菜单4</a></li> <li><a href="">子菜单5</a></li> <li><a href="">子菜单6</a></li> </ul> </li> </ul...