DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> css裡expression實現界面對象的批量控制
css裡expression實現界面對象的批量控制
編輯:CSS詳解     

   用過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">
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved