問題說明: 用過CSS樣式我們就知道, 可以定義一批對象的class屬性來指定同一個樣式來統一界面. 但如何統一同類型的對象的事件? 比如:界面有無數個 <img src="**.jpg"> 如何實現鼠標經過此圖片, 圖片的src變成是**_over.jpg?
解決方法: 使用CSS的expression方法,
具體實現要看看.CSS的寫法:
/*替換圖片CSS*/
#imgScript { /*這裡使用對象ID來通配樣式, 也可以定義一個CSS函數*/
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()
{
/*還原本來的圖片*/
if(this.HasChg != null){
this.src = this.name;
this.HasChg = null;
}
}
)
}/*end imgScript*/
應用樣式的img:
<img src="a.jpg">
請將鼠標放在a.jpg上看看效果