利用css裡expression來實現介面對象的批量控制

By Ben

	利用css裡expression來實現介面對象的批量控制
問題說明:	用過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 id=imgScript  src="a.jpg"> 請將滑鼠放在a.jpg上看看效果