【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