學了一段時間,想到一個問題,目前可以思考的就兩個詞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>重新傳了。。效果圖差不多這個意思。
哪些帶有集合意義的元素或者函數
qq_大寒_2
2016-03-11 13:25:03