js控制li的样式,多应用于网站栏目导航默选项
2017-04-10 21:08
218 查看
在网站栏目设计中,不免会遇到点击某个栏目,让某个栏目有选中的效果,当然选中的样式还需要自己来完成,下面是提取出来的相关内容,在运用的时候可作为参考
网站部分:
<ul id="divname">
<li>aaa</li><li>bbb</li><li>ccc</li>
</ul>
JS代码部分:
var d=document.getElementById("divname").getElementsByTagName("li");
d[0].style.width="100px";//第一个li
d[3].className="dh3";//第三个li
网站部分:
<ul id="divname">
<li>aaa</li><li>bbb</li><li>ccc</li>
</ul>
JS代码部分:
var d=document.getElementById("divname").getElementsByTagName("li");
d[0].style.width="100px";//第一个li
d[3].className="dh3";//第三个li
相关文章推荐
- JS控制网站样式改变的原理
- 网站实施--头部导航 样式的控制
- 用CSS控制li标记样式
- js入门·表单元素(select下拉列表)制作二级联动菜单和网站导航
- 从国外网站上抠下来的三个后台样式(Html+CSS+JS都有)
- Javascript:控制Li选中项样式
- JS可以控制样式的名称写法
- 样式转换,tabControl, 导航,li及css
- 当进入网站内页时加载导航相应的样式
- 导航到各网站书签栏目的代码
- 直接修改页面上的样式用li 例子 js另类分页 js分页 javascript
- 鼠标样式的应用&JS控制
- 用CSS控制li标记样式的语法介绍
- 树形导航的JS代码(别人网站上的)
- JS控制浏览器导航的几种方法
- js+json用表格实现简单网站左侧导航
- 企业网站易用性—栏目导航
- CSS+JS控制Li背景颜色交替
- 用CSS+JS控制Li背景颜色交替VIEW:704
- CSS制作网页实例:用CSS控制li标记样式