jQuery实现下拉菜单
2015-12-27 09:22
225 查看
<div class="col">
<a class="MyList">完成率</a>
<ul class="list_1">
<a ttt="pv"><li >客单数</li></a>
<a ttt="pc"><li>销售额</li></a>
<a ttt="sales"><li>转化率</li></a>
</ul>
</div>
function mainList(LoginProvider){
$('.MyList').click(function(){
if($('.list_1').is(':hidden')){
$('.list_1').show();
}else {
$('.list_1').hide();
}
})
$('.list_1 a').click(function(){
$('.MyList').text($(this).text());
$('.list_1').hide();
console.log($(this).attr('ttt'));
var str="2015-11-27";
ToRank(LoginProvider,$('#tt').attr('aType'),$(this).attr('ttt'),str);
})
$('.MyList2').click(function(){
if($('.list_2').is(':hidden')){
$('.list_2').show();
}else {
$('.list_2').hide();
}
})
$('.list_2 a').click(function(){
$('.MyList2').text($(this).text());
$('.list_2').hide();
})
}
转载于:https://www.cnblogs.com/cxylpf/p/5079525.html
相关文章推荐
- jquery实现平滑的二级下拉菜单效果
- jquery实现下拉菜单一例
- 用jquery实现的一个超级简单的下拉菜单
- jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
- jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动
- jQuery+ajax实现省市区下拉菜单联动(增强版)实现锁定用户所在地并且可以直接选区
- jquery 实现自定义下拉菜单实现
- 页面下拉菜单实现(Jquery 协助实现)
- jQuery之使用slideToggle实现垂直下拉菜单
- 用bootstrap做下拉菜单,并使用jQuery实现从服务器加载下拉菜单的item。
- 用jQuery实现三级下拉菜单
- jquery实现多级下拉菜单的实例代码
- 下拉菜单选择(jQuery实现)
- jQuery实现的精美平滑二级下拉菜单效果代码
- CSS + jQuery 实现的超 Sexy 下拉菜单
- 利用php+jQuery+ajax实现汽车车型四级联动下拉菜单
- jQuery模拟select实现下拉菜单功能
- jquery+css实现简单二级下拉菜单导航
- 使用jquery 简单实现下拉菜单
- 基于jQuery实现二级下拉菜单效果