Jquery 切換不同圖片示例代碼
更新時間:2013年12月05日 17:46:44 作者:
切換不同圖片的方法有很多,在本文為大家介紹下使用jquery是如何做到的
復(fù)制代碼 代碼如下:
#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;
}
相關(guān)文章
為什么JS中eval處理JSON數(shù)據(jù)要加括號
這篇文章主要介紹了為什么JS中eval處理JSON數(shù)據(jù)要加括號的相關(guān)資料,需要的朋友可以參考下2015-04-04JavaScript+CSS實現(xiàn)仿Mootools豎排彈性動畫菜單效果
這篇文章主要介紹了JavaScript+CSS實現(xiàn)仿Mootools豎排彈性動畫菜單效果,可實現(xiàn)鼠標滑過菜單項呈現(xiàn)彈性移動顯示的效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10