hover 切换背景图片路径

#glass{    width: 42px;    height: 38px;    border: 1px solid #dfdfdf;    position: absolute;    background:url(../images/z-hear-search.png) no-repeat center;    background-color: #fff;}

#glass:hover{    /*color: #fff;*/    border:1px solid #1e88e5;    background:url(../images/z-hear-searchange.png) no-repeat center;    background-color: #1e88e5;

}

时间： 2024-10-07 12:58:47

hover 切换背景图片路径的相关文章

CSS实现的鼠标经过链接切换背景图片实例代码

CSS实现的鼠标经过链接切换背景图片实例代码:很多导航栏都有这样的效果,当鼠标滑过的时候能够实现背景图片的切换,算是一个比较好的效果吧,也算是对导航栏最基本的美化了.代码实例如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="

jQuery获取和设置disabled属性、背景图片路径

之前对于这个独特的disabled属性获取和设置很混乱,今天项目中用到了,用attr不能实现,于是多次试验得出: 获取disabled属性用prop $("#basic_key").prop("disabled") 以上会返回true或false. 然后设置disabled是attr,重点是后面的一个参数不加引号: $("#basic_key").attr("disabled",'false') //false加引号是错误的~

一个简单且丑陋的js切换背景图片基础示例

不多说,直接上代码,非常基础的一个原生js切换元素背景图片范例 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>原生JS范例</title> <script type="text/javascript"> function changeBg()

vue图片、背景图片路径问题

vue图片.背景图片路径问题 vue中引入图片经常会出现路径问题,在此记录一下: 1.组件中 <img> 引用图片 <img src="../assets/img/logo.png" > 2.app.vue <style>中引入图片 body {background: url('../static/img/back5.jpg');} 3.组件行间样式引入背景图片 <div style="background-image:url(’s

Vue项目打包后背景图片路径错误

vue项目打包之后背景图片出错的解决方案如下: 1,找到 config->index.js里面,如下修改默认配置: env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: '/', 修改为: env

点击切换背景图片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

淡入淡出(折叠效果)and点击切换背景图片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

button点击切换背景图片的问题

我做了个UIButton的扩展,代码如下: #import <UIKit/UIKit.h> @interface CheckBoxButton : UIButton @property (nonatomic,assign) BOOL isChecked; @end 我通过下面代码来实现点击后切换图片,但是并不能达到效果 if (button.isChecked) { self.collectionButton.imageView.image = [UIImage imageNamed:@&qu

简单特效-切换背景图片

HTML代码: <! DOCTYPE html> <head> <title></title> <meat charset="utf-8"> </head> <body> <div class="toggle"> <img src="images/"> <img src="images/"> <img