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;
}

您可能感兴趣的文章:

• jQuery实现的图片分组切换焦点图插件
• 完美兼容各大浏览器的jQuery插件实现图片切换特效
• 基于jQuery实现的图片切换焦点图整理
• js、jquery图片动画、动态切换示例代码
• jquery淡化版banner异步图片文字效果切换图片特效
• jQuery简单实现banner图片切换
• 基于jquery插件制作左右按钮与标题文字图片切换效果
• jquery实现图片渐变切换兼容ie6/Chrome/Firefox
• jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果
• jquery简单图片切换显示效果实现方法