用過(guò)css樣式我們就知道, 可以定義一批對(duì)象的class屬性來(lái)指定同一個(gè)樣式來(lái)統(tǒng)一界面. 但如何統(tǒng)一同類型的對(duì)象的事件? 比如:界面有無(wú)數(shù)個(gè) <img src="**.jpg"> 如何實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)此圖片, 圖片的src變成是**_over.jpg?

解決方法: 使用css的expression方法,具體實(shí)現(xiàn)要看看.css的寫(xiě)法:

/*替換圖片CSS*/ #imgScript { /*這里使用對(duì)象ID來(lái)通配樣式, 也可以定義一個(gè)css函數(shù)*/ star:expression( onmouseover = function() { /*替換圖片*/ if(this.hover != null){ this.name = this.src; this.src = this.src.replace('.jpg', '_over.jpg'); this.HasChg = 1; } }, onmouseout = function() { /*還原本來(lái)的圖片*/ if(this.HasChg != null){ this.src = this.name; this.HasChg = null; } } ) }/*end imgScript*/

應(yīng)用樣式的img:

<img src="a.jpg">