Jquery 切换不同图片示例代码
更新时间:2013年12月05日 17:46:44 作者:
切换不同图片的方法有很多,在本文为大家介绍下使用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;
}
相关文章
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
这篇文章主要介绍了JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果,可实现鼠标滑过菜单项呈现弹性移动显示的效果,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
最新评论