选中状态class的名称变化,可动态控制样式
来源:互联网 发布:we are animals 知乎 编辑:程序博客网 时间:2024/05/04 04:42
var links=document.getElementsByTagName("li");
for(var i=0;i<links.length;i++)
{
var thisLink=links[i];
thisLink.onclick=function()
{
if(this.className=='')
{
for(var i=0;i<links.length;i++)
{
if(links[i].className=='selected')
{
links[i].className='';
}
if(links[i].className=='selected last')
{
links[i].className='last';
}
}
this.className='selected';
//alert(this.className);
return;
}
else if(this.className=='selected')
{
this.className='selected';
//alert(this.className);
return;
}
else(this.className=='last')
{
for(var i=0;i<links.length;i++)
{
if(links[i].className=='selected')
{
links[i].className='';
}
}
this.className='selected last';
//alert(this.className);
return;
}
}
for(var i=0;i<links.length;i++)
{
var thisLink=links[i];
thisLink.onclick=function()
{
if(this.className=='')
{
for(var i=0;i<links.length;i++)
{
if(links[i].className=='selected')
{
links[i].className='';
}
if(links[i].className=='selected last')
{
links[i].className='last';
}
}
this.className='selected';
//alert(this.className);
return;
}
else if(this.className=='selected')
{
this.className='selected';
//alert(this.className);
return;
}
else(this.className=='last')
{
for(var i=0;i<links.length;i++)
{
if(links[i].className=='selected')
{
links[i].className='';
}
}
this.className='selected last';
//alert(this.className);
return;
}
}
}
class一旦变化,随之变化的就是样式,再选择时要注意!
- 选中状态class的名称变化,可动态控制样式
- 表格tr选中的样式变化和checkbox选中事件
- JavaScript动态控制图片透明度的变化
- CSS动态控制页面中较长的字符串样式
- 关于导航栏样式的动态控制
- jQuery全选和范选,按钮样式变化及取选中项的值
- JavaScript动态控制网页样式
- iOS动态控制状态栏样式
- angular的样式变化
- EditText状态变化——选中和未先中(底部变颜色的线)
- 用js动态控制一个控件的style样式
- 定义数据集,用来存储已选中行的状态名称
- listview里面checkbox选中状态乱蹦+滚动listview的时候自动调用 onCheckedChanged 导致CheckBox 状态不停变化
- 状态开关按钮ToggleButton的简单使用:实现动态控制布局
- UItableView的选中状态
- UITableView 的选中状态
- 【Mac OS X开发】NSTextFieldCell选中和正常状态的字体段落样式设置
- [样式]针对<span>标签选前和选中后的状态改变
- DeleteEmptyDirectories 清空目录
- RGB、Lab、YUV、HSI、HSV等颜色空间的区别
- php复制文件夹
- 网络录音播放器
- ShellExecute 几种常用命令
- 选中状态class的名称变化,可动态控制样式
- 过QQ游戏大厅的SX保护
- size_t, wchar_t, int, long, void *
- 在线文档显示组件 FlexPaper
- “程序设计艺术教授”眼中的编程教育
- MySQL命令集锦
- 如果你不够优秀,就不要腆着脸占便宜
- 超过响应缓冲区限制
- ListView自定义滑块