学了一段时间，想到一个问题，目前可以思考的就两个词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>重新传了。。效果图差不多这个意思。
添加回答
举报
0/150
提交
取消