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

相关文章

  • 原生JS和JQuery动态添加、删除表格行的方法

    原生JS和JQuery动态添加、删除表格行的方法

    这篇文章主要介绍了原生JS和JQuery动态添加、删除表格行的方法,涉及javascript针对页面元素的动态操作技巧,需要的朋友可以参考下
    2015-05-05
  • Ionic如何创建APP项目

    Ionic如何创建APP项目

    这篇文章主要介绍Ionic如何创建APP项目的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • JS中跳出循环的示例代码

    JS中跳出循环的示例代码

    for循环中我们使用continue;终止本次循环计入下一个循环,使用break终止整个循环。下面小编通过本文给大家分享JS中跳出循环的示例代码,需要的朋友参考下吧
    2017-09-09
  • 为什么JS中eval处理JSON数据要加括号

    为什么JS中eval处理JSON数据要加括号

    这篇文章主要介绍了为什么JS中eval处理JSON数据要加括号的相关资料,需要的朋友可以参考下
    2015-04-04
  • 浅谈js的html元素的父节点,子节点

    浅谈js的html元素的父节点,子节点

    下面小编就为大家带来一篇浅谈js的html元素的父节点,子节点。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果

    JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果

    这篇文章主要介绍了JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果,可实现鼠标滑过菜单项呈现弹性移动显示的效果,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • js 点击按钮弹出另一页,选择值后,返回到当前页

    js 点击按钮弹出另一页,选择值后,返回到当前页

    js 点击按钮弹出另一页,选择值后,返回到当前页,其实主要用于cms系统中,相关文章的搜索,要在已上传目录中选择一些图片等。
    2010-05-05
  • ES6顶层对象、global对象实例分析

    ES6顶层对象、global对象实例分析

    这篇文章主要介绍了ES6顶层对象、global对象,结合实例形式分析了ES6顶层对象与global对象的概念、原理、用法及相关操作注意事项,需要的朋友可以参考下
    2019-06-06
  • TypeScript 学习笔记之基本类型

    TypeScript 学习笔记之基本类型

    TypeScript 是 JavaScript 的超集,TypeScript 经过编译之后都会生成 JavaScript 代码。TypeScript 最大的特点就是类型化,因此才叫做 TypeScript。比起弱类型的 JavaScript,类型化的 TypeScript 显得更加容易维护。
    2015-06-06
  • Javascript实现滚动图片新闻的实例代码

    Javascript实现滚动图片新闻的实例代码

    这篇文章主要介绍了Javascript实现滚动图片新闻的实例代码。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11

最新评论