网页设计鼠标经过图片图片变灰色_CSS鼠标经过图片变亮

1、求图片默认为灰色的鼠标经过为彩色的css代码！！！！

FILTER滤镜是ie专有的，不是ie内核的都不能识别，不要使用(而且滤镜渲染很吃客户端专机器资源)。你这属个这么做，处理好2张图片，一张灰色一张彩色：

--------------------html--------------------
<li id="test"><a>百度</a></li>
--------------------css--------------------
#test a{
display:block;/*定义成块级，让链接能设置宽、高*/
width:100px;/*假设你图片宽100px，你自己改成合适的*/
line-height:30px;/*假设图片高30px，同上*/
background: url(images/huise.jpg);/*让链接调用灰色那张背景图*/
text-indent:-99999em;/*把链接上百度两个字移到屏幕外隐藏*/
}

#test a:hover{
background: url(images/caise.jpg);/*当鼠标在上时链接显示彩色背景图*/
}

2、CSS鼠标经过图片变亮,移开变变暗效果代码怎么写

1、打开hbuilder，在空白的html文件上面设置一个div，给div一个class并命名为img：

2、在css里设置img的类一定的宽和高，引入示例图片，设置图片为不重复。并且给img的类设置“:hover”伪类，设置伪类内的透明度为0.6：

3、打开浏览器，在浏览器内查看效果：

4、将鼠标移入图片，就会发现图片已经变亮了。以上就是用CSS设置鼠标经过图片变亮，移开变变暗效果的演示：

3、javascript 鼠标移到图片,图片变灰色

用CSS伪类写就可以了: 先建立个CSS,a:hover{内容是将图片转为灰度,使用glow滤镜} 在html文档中引用此CSS,javascript也可以参内照这个样式,当然容,需要使用onmouseover事件.

4、CSS中鼠标移上去图标变色怎么弄？我把灰色这个写成图片插在HTML里面，在CSS中写那个橙色的怎么没反应呢？

首先，来你这边的图标是用图片实源现的话，那就必须更改图片，我写个例子：
<ul>
<li class="ico1"></li>
<li class="ico2"></li>
<li class="ico3"></li>
<li class="ico4"></li>
</ul>
<style type="text/css">
.ico1{
background: url(huise-ico1);
}
.ico1:hover{
background: url(chengse-ico1);
}
</style>
这边我只写了一个。还有3个没写。你可以根据这个改上自己需要的。

PS：还有一种跟快捷的方法，如果你有兴趣的话，可以去搜索下iconfont。不懂可以再问我

5、HTML实现当鼠标移入该超级链接时，超级链接的文本背景色变为灰色

使用css 来实现

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>a背景颜色改变</title>
<style>
.divcss5-abc a{ color:#000}/* css注释说明：超链接颜色为黑色 */
.divcss5-abc a:hover{ background:#00F; color:#FFF}
/* css 注释说明：鼠标经专过悬停超链接时字体属颜色为白色，背景为蓝色*/
</style>
</head>

<body>
<div class="divcss5-abc">
欢迎来到<a href="http://www.divcss5.com/">divcss5</a>
</div>
</body>
</html>

6、html中鼠标移入鼠标图片蒙上灰色,且显示图片信息怎么写的

<div id="Introction_img" class="FloatLeft">
<div id="hide" style="background: rgba(255, 255, 255, 0.7)!important;
filter: Alpha(opacity=70);z-index:98;display:none; width:280px;height:200px;position: absolute;"></div>
<img id="div2" style="width:280px;height:200px;" title="学院简介" alt="学院简介" src="images/xyimg.jpg" />
<script type="text/javascript">
window.onload = function(){
var DIV = document.getElementById('Introction_img');
var DIV2 = document.getElementById('div2');
DIV2.onmousemove = function(){
hide.style.display='block';
hide.innerHTML='学院简介';
}
}
</script>
</div>
把图片替换掉就OK了。。这样都不给分下一次再不回答了。。
置换图片路径就行了其它 div 名称不要变。

7、DW 鼠标移上去图片彩变灰或者灰变彩，不是图片交换而是一段控制他的代码，知道的朋友告诉我下，谢谢

GE="JavaScript">

</SCRIPT>

加在<body></body>之间

你也可以把他弄成一个单独的网页,然后js调用他.不上自学的.可能前面说的不正确.不知道你理解我的意思没有.

看一下里面的代码.高度什么的都能该.图片也能改.

8、求css让图片变灰鼠标经过变彩色代码

9、如何实现网页代码中图片伪类?即鼠标箭头指向图片时有变化.变为灰色透明？

CSS鼠标样式语法如抄下：任意标签中插入 style="cursor:*" 例子：文本或其它页面元素文本或其它页面元素注意把 * 换成如下15个效果的一种：下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！ hand是手型例子：CSS鼠标手型效果 CSS鼠标手型效果 pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。例子：CSS鼠标手型效果 CSS鼠标手型效果 crosshair是十字型例子：CSS鼠标十字型效果 CSS鼠标十字型效果 help是问号例子：CSS鼠标问号效果 CSS鼠标问号效果下面写法都一样，这里就不一一写完了。 text是移动到文本上的那种效果 wait是等待的那种效果 default是默认效果 e-resize是向右的箭头 ne-resize是向右上的箭头 n-resize是向上的箭头 nw-resize是向左上的箭头 w-resize是向左的箭头 sw-resize是左下的箭头 s-resize是向下的箭头 se-resize是向右下的箭头 auto是由系统自动给出效果

10、背景图和字体是灰色,鼠标划过时背景图和字体变成不同的颜色的css代码是

使用hover伪类呀！
例如
.div1{background-color:gray;color:gray;}
.div1:hover{background-color:red;color:green;}

导航:首页 > 万维百科 > 网页设计鼠标经过图片图片变灰色

网页设计鼠标经过图片图片变灰色

与网页设计鼠标经过图片图片变灰色相关的知识