DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> Jquery 切換不同圖片示例代碼
Jquery 切換不同圖片示例代碼
編輯:JavaScript綜合知識     

 切換不同圖片的方法有很多,在本文為大家介紹下使用jquery是如何做到的

代碼如下: #sidebar div#live_chat a {  background: url("scroll/live_chat1.jpg") ;  height: 76px;  }  #sidebar div#live_chat a:hover {  background: url("scroll/live_chat2.jpg") ;  }  #sidebar div#customer_survey a {  background: url("scroll/survey1.jpg") ;  height: 75px;  }  #sidebar div#customer_survey a:hover {  background: url("scroll/survey2.jpg");  }  #sidebar div#newsletter_sign a {  background: url("scroll/newsletter_sign_bg.jpg") ;  height: 76px;  }  #sidebar div#newsletter_sign a:hover {  background: url("scroll/newsletter_sign_bg1.jpg") ;  height: 76px;  }  #sidebar div#back_top a {  background: url("scroll/back_top1.jpg");  height: 40px;  }  #sidebar div#back_top a:hover {  background: url("scroll/back_top2.jpg") ;  }  #sidebar div a {  cursor: pointer;  display: block;  width: 77px;  }   
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved