官方主站| 模板中心| 模板技术中心

  • 首页

  • 产品知识库

  • 开发文档

  • 建站知识

动易技术中心 /产品知识库/动易.NET版本常见问题

用Javascript控制Li选中项样式

来源:本站原创 点击数: 次 发布时间:2011年12月29日
一、效果图样式:
二、HTML内容:
< ul id="style">
< li class="filterName">选择类型AAA:
< li>全部 
< li> id="0">选项AAAAA
< li>选项BBBBB
< /ul>
< ul id="">
< li class="filterName">选择类型BBB:
< li>全部
< li>选项AAAAA
< li>选项BBBBB
< /ul>
< ul id="">
< li class="filterName">选择类型CCC:
< li>全部
< li>选项AAAAA
< li>选项BBBBB
< li>选项CCCCC
< /ul>
 
三、用到的javascript方法:
1.引入jQuery库:
">> 
2.样式控制方法:
function setParmsValue(parm, parmsValue) { 
} 
$(function(){ 
var spans= $("li > a > span").click(function(){ 
$(this).addClass("selected"); 
$(this).parent().parent().siblings().children().children().removeClass("selected"); 
}); 
}); 
 
四、选中项的样式:
.selected 
background-color:#F00; 

 Copyright © 2003- 2025 PowerEasy. All Rights Reserved. 广东动易软件股份有限公司 版权所有 

软件企业编号:粤R-2006-0134 | 高新技术企业编号:GR201044000042 | 公安备案编号:4406063010734 | 粤ICP备05004015号

×