首頁(yè) 猿問(wèn) 把這兩個(gè)函數(shù)寫成傳參的方式，邊框?qū)?..

把這兩個(gè)函數(shù)寫成傳參的方式，邊框?qū)傩阅菈K和圖片鏈接的那個(gè)P那塊怎么寫參數(shù)??？

JavaScript

_追夢(mèng)的少年_ 2016-08-10 09:25:27

var?middle_ul?=?document.getElementById('middle_ul'); var?middle_li?=?middle_ul.getElementsByTagName('li'); var?middle_img?=?middle_ul.getElementsByTagName('img'); for?(var?i?=?0;?i?<?middle_li.length;?i++)?{ middle_li[i].index?=?i; middle_li[i].addEventListener('mouseover',function?()?{ middle_img[this.index].style.border?=?'1px?solid?#ff649d'; x?=?parseInt(this.index); if?(x?<?9)?{ middle_img[this.index].src?=?'images/n0'+(this.index+1)+'p.png'; }?else?{ middle_img[this.index].src?=?'images/n'+(this.index+1)+'p.png'; } }) middle_li[i].addEventListener('mouseout',function?()?{ middle_img[this.index].style.border?=?'1px?solid?#000'; x?=?parseInt(this.index); if?(x?<?9)?{ middle_img[this.index].src?=?'images/n0'+(this.index+1)+'.png'; }?else?{ middle_img[this.index].src?=?'images/n'+(this.index+1)+'.png'; } }) }

查看完整描述

1 回答

已采納

super_mb

TA貢獻(xiàn)101條經(jīng)驗(yàn) 獲得超107個(gè)贊

var?middle_ul?=?document.getElementById('middle_ul');
var?middle_li?=?middle_ul.getElementsByTagName('li');
var?middle_img?=?middle_ul.getElementsByTagName('img');
for?(var?i?=?0;?i?<?middle_li.length;?i++)?{
????middle_li[i].index?=?i;
?????
????middle_li[i].addEventListener('mouseover',function?()?{
????????setStyle(this,?this.index,?'p',?'#ff649d');
????})
????middle_li[i].addEventListener('mouseout',function?()?{
????????setStyle(this,?this.index,?'',?'#000');
????})
}

function?setStyle(elem,?idx,?img,?color)?{
????elem[idx].style.border?=?'1px?solid?'+color;
????var?x?=?parseInt(idx);
????if?(x?<?9)?{
????????elem[idx].src?=?'images/n0'+(idx+1)+img+'.png';
????}?else?{
????????elem[idx].src?=?'images/n'+(idx+1)+img+'.png';
????}
}

反對(duì) 回復(fù) 2016-08-10

_追夢(mèng)的少年_
謝了，我知道之前差在哪了，沒(méi)有把this,index那個(gè)傳參傳進(jìn)去，以為兩個(gè)都是this,index就沒(méi)傳，還有那個(gè)elem的參數(shù)這里是用不到的，是給middle_img換圖，直接把那參數(shù)寫成這個(gè)就行了，還是非常感謝了

回復(fù) 2016-08-11