【Miaov】JS3-自定义属性、索引值
HTML标签属性、自定义属性
这一部分主要讲给元素添加自定义的属性,比如类似索引值这样的东西,找到一个存在的序列以此关联其他序列,达到同步切换的作用,
目前主要应用在图片切换这样的效果中,讲了一些实例,分析索引值关联效果。
aBtn[0].abc=123 自定义属性
JS可以为任何HTML元素添加任意个自定义属性
for里用了一个函数,里面先不要用i
for(var i=0;i<aInput.length;i++){
aInput[i].index=i;
//这里的i并没有放在函数里所以可以是递增的数值
aInput[i].onclick=function(){
this.value=this.index;
//这里是事先赋值的i值所以这里并不影响使用
}
}
想建立“匹配”"对应"关系,就用索引值
实例:图片切换/QQ菜单展开折叠/
======================================================
作业:
QQ菜单展开折叠手风琴效果:http://sandbox.runjs.cn/show/xlfrwybz
带缩略图的图片切换:http://sandbox.runjs.cn/show/ojhffgoi
多组图片的切换qq菜单的展开折叠功能扩展---用了最笨的方法但是有bug