鼠标经过图片变换 用CSS怎么做 多谢

如题所述

楼主是不是要:鼠标经过的时候原来的图片变换成另外一张。。
代码如下
<img src="原来图片的位置" name="picture" width="330" height="210" border="0" align="middle"
onMouseOver="this.src='变换的图片位置'"
onMouseOut="this.src='原来图片的位置'">
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-09-24
背景颜色变会吗?背景改为图不就行了.

CSS鼠标经过图片变亮,移开变变暗效果代码怎么写
1、打开hbuilder,在空白的html文件上面设置一个div,给div一个class并命名为img:2、在css里设置img的类一定的宽和高,引入示例图片,设置图片为不重复。并且给img的类设置“:hover”伪类,设置伪类内的透明度为0.6:3、打开浏览器,在浏览器内查看效果:4、将鼠标移入图片,就会发现图片已经变亮了。

如何用360浏览器实现css图片滤镜实现鼠标经过图片由黑白变彩色_百度知 ...
1。首先,创建一个名为test.html的新html文件。在test.html文件中,使用table标签创建一个测试表。2.在test.html文件中,将table标记的class属性设置为mytable,将border设置为1px。3.然后在css标签中,按类设置表格的样式,将其宽度定义为300px,高度定义为200px。4.在css标记中,定义td元素名称和“...

在网页制作中,鼠标经过图片,图片转换怎么做?
有好多种方法可以制作:比如楼上说的:dreamweaver cs5 中, 插入——图像对象——鼠标经过图像.可以设置。还有可以使用“层”+“行为--显示和隐藏”的功能制作;可以利用网上的很多现成的代码,比如很多“js源码站”的代码,下载之后就可以使用。

用css怎么做DW5的当鼠标经过图片图片放大离开变回原形的效果?_百度...
1、假设图片外层DIV的class为pic,图片的大小是400*300,html代码可以写成下面这样: 2、如果希望鼠标经过时图片的尺寸变成600*450,那么在css里面只要这样定义就行了:picimg:hover{width:600px;height:450px} 3、这个代码在ie6下会不生效,因为ie6不支持除A标签外的其他元素的:hover伪类。如果要在i...

如何用CSS实现鼠标移动到某张图片时变成另一张图片
class="test" href="#">也可以这样做:a容器,,,b图片一,,,c图片二,,bc都定位在A里 a容器 c图片二{display:none;} a容器:hover B图片一{display:none;} a容器:hover c图片二{display:block;} 还有很多很多方法,,,不过建议直接用JS来实现吧,,网上现成代码很多。。。

如何将CSS代码鼠标经过图片变换?
使用jquery的toggle方法进行图片切换:(function(){ ("#h1").toggle(function(){ ("#h1").css("background-image","路径('.\/20110528073501b54e6.jpg')");},function(){ ("#h1").css("background-image","路径('.\/2011060708410874041.jpg')");})}) CSS .hh1{ background: url(".\/...

网页当中如何做鼠标经过图片显示文字?
1、新建html文件,在body标签中添加一个div标签,div标签里面嵌套一个p标签,然后添加p标签内容,这里以“演示文本”为例:2、在head标签中添加style标签,然后在style标签中给p标签设置预先显示样式,预先是先不显示的,所以给p标签设置的属性代码是“p{display:none;}”;再给div设置宽和高,这里为了...

CSS+DIV实现鼠标经过背景图片变换

css中如何定义鼠标经过改变图片,并且可以有链接点击
不用那么麻烦,活用a标签就可以了 a.home {background:url(鼠标滑过之前的图片地址) no-repeat; width:100px; height:20px; display:inline-block;_float:left;} a.home:hover {background:url(鼠标滑过的图片地址) no-repeat; 首页 这样就可以实现有链接的可以换图的效果 ...

如何用CSS实现鼠标经过 图片放大的效果
<!DOCTYPE html> CSS3鼠标滑过图片放大特效DEMO演示 html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas...

相似回答