从品牌网站建设到网络营销策划,从策略到执行的一站式服务
功能:美化select 下拉列表
创新互联专注于唐河企业网站建设,响应式网站,成都做商城网站。唐河网站建设公司,为唐河等地区提供建站服务。全流程按需定制开发,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务
说明:因为IE不能通过css修改样式,所以需要通过Jquery来修改,下面是一个成功的案例,自己再修改下样式就好了
PS:如果需要用到多次的,注意z-index的值,(顶部的要给底部的值大)
Javascript代码:
$(document).ready(function(){
$('.select_box span').click(function(){ //鼠标移动函数
$('.son_ul').hide(); //初始ul隐藏
$(this).parent().find('ul.son_ul').show(); //找到ul.son_ul显示
$(this).parent().find('li').hover(function(){
$(this).addClass('hover')},function(){$(this).removeClass('hover')}); //li的hover效果
$(this).parent().click(function(){},
function(){
$(this).parent().find("ul.son_ul").hide();
}
);
},function(){}
);
$('ul.son_ul li').click(function(){
$(this).parents('li').find('span').html($(this).html());
$(this).parents('li').find('ul').hide();
});
});
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图