哪些带有集合意义的元素或者函数

学了一段时间,想到一个问题,目前可以思考的就两个词getElementsByTagName ,for(var i=0;i<aLi.lenght;i++).类似此类词在原始基础下获取的都是最大值(个人理解模糊,如有问题,请指出)不含动作和事件。所以在应用中会产生一些问题,js中还有哪些些带有集合意义属性的元素或者函数吗?可以举例子吗?

还有关于for循环的分解,哪位大神可以弄个小需求,用图像表达下,我想看的更具体。我写了一个小需求,为了便于理解,想用图像分解,各个事件行为,并且赋予含义,但是没有标注出来。。

例子:比如三颗五角星暗色,移动每一颗显示黄色,移开鼠标后全部不显示。

第三个问题,就是关于无缝滚动,这玩意还是有点不理解,是不是样式写的不对,事件就容易出问题,谁能发份相应的源码,让我看下。要有附带图片的。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>javascript</title>
<style type="text/css">
li{list-style:none;}
ul{width:800px;height:200px;position:relative;}
li{background:url(/xx.png) no-repeat;width:197px;height:188px;float:left;}
.active{background:url(/xy.png) no-repeat;width:197px;height:188px;}
p{width:591px;height:30px;position:absolute;top:200px;left:50px;background:red;display:none;}
</style>
<script type="text/javascript">
window.onload = function(){
var aLi = document.getElementsByTagName('li');
var aP = document.getElementsByTagName('p')[0];
for(var i=0;i<aLi.length;i++){
aLi[i].index = i;
aLi[i].onmouseover = function(){
   aP.style.display = 'block';
   for(i=0;i<=this.index;i++){
   aLi[i].className ='active';
}
};
aLi[i].onmouseout = function(){
   aP.style.display = 'none';
   for(i=0;i<aLi.length;i++){
   aLi[i].className ='';
}
};
}
};
</script>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<p></p>
</body>
</html>

重新传了。。效果图http://img.mukewang.com/56e259d00001dab608000322.jpg差不多这个意思。

qq_大寒_2
浏览 1408回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript