在网页制作中,鼠标经过图片,图片转换怎么做?

如题所述

有好多种方法可以制作:

比如楼上说的:dreamweaver cs5 中, 插入——图像对象——鼠标经过图像.可以设置。

还有可以使用“层”+“行为--显示和隐藏”的功能制作;

可以利用网上的很多现成的代码,比如很多“js源码站”的代码,下载之后就可以使用。
温馨提示:内容为网友见解,仅供参考
第1个回答  2010-08-27
dreamweaver cs5 中, 插入——图像对象——鼠标经过图像.可以设置。
第2个回答  推荐于2017-09-29
用CSS来实现比较简单
<style type="text/css">
<!--
a:link {
background-image: 背景图片地址;
a:hove {
background-image : 背景图片地址;
}
}
-->
</style>
<a href="#">你的链接</a>本回答被提问者采纳

如何实现鼠标经过图片时,图片切换成原图?
2、在index.html中的script>标签中,输入js代码:$('a').hover(function(){$('img').css('display','block');})3、浏览器运行index.html页面,此时鼠标移动到超链接上,下面的图片自动显示了出来。csshover用法?在css中hover用于选择鼠标指针浮动在上面的元素,语法“标签选择器:hover{样式代码;...

在网页里的图片 如何做到将鼠标放上去后就会变成另一张图片
1、第一步,需要打开Dreamweave软件进入,依次单击上方的“插入”-->“图像对象”-->“鼠标经过图像”,如下图所示。2、其次,完成上述步骤后,弹出对话框,需要插入两辆车,白色车是原始图像,橙色车是经过的图像,如下图所示。3、接着,完成上述步骤后,可以进行设置了。可以先在网页上预览, 在...

在网页里的图片 如何做到将鼠标放上去后就会变成另一张图片
1、首先需要打开Dreamweave软件进入,如图所示,然后点击上面的插入里找到图像对象,随后再点击鼠标经过图像。2、然后弹出的对话框,需要插入两张小汽车,白色小车是原始图像,橙色小汽车是经过的图像。3、这个时候,就可以设置好了,可以先以在网页中预览一下,在页面上面有个小地球类似浏览器的标识。4、...

在网页中怎么实现鼠标经过图片切换成另一张图片(不要DW自带的JS代码,具...
var oImg=document.getElementsByTagName('img')[0]; 找到这个图片 oImg.onmouseover=function(){ oImg.src='1.jpg'} 滑过时这个图片变成1.jpg oImg.onmouseout=function(){ oImg.src='2.jpg'} 离开变成2.jpg

dreamweaver怎么设置鼠标经过时图片变为另一张图片
插入——图像对象——鼠标经过图像。。然后你在原始图像和鼠标经过图像中分别插入两张不同的图像就好了。。

在网页中怎样将鼠标经过时更换成其他的图像
动态鼠标的插入 在 后面插入 说明: 1、( )号中的为你的图标的路径,后缀名还有**.ico的,和**.ani的. 2、第一个路径是鼠标移动时的指针。第二个路径是接触链接时的指针。 后缀名为**.ico 的为静态 后缀名为**.cur 的为静态 后缀名为**.ani 的为动画 现在网页的设计都讲究整体统一风格...

在用DW设计网页时,如何设计当鼠标经过某个图像热点时,显示出新的图片...
首先要把需要的图片都事先放在网页上(一般放在一个div里)。然后用css隐藏第一个以外的图片,然后给第一张图片设置一个鼠标移入事件,当鼠标移动到图片上的时候,第一张图片隐藏,第二张图片显示。这样图片就改变了。另外还可以加入一个鼠标移出事件,让鼠标移出后2个图片的样式恢复最开始的样子。

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

HTML语言中怎么让鼠标移动到一张图片上时变成另一张图片
需要用到js脚本的onmouseover和onmouseout等。这是非常简单的。但是如果你不了解js可以使用DreamWeaver中的一项功能:插入--图像对象--鼠标经过图像,在弹出的对话框中,选择好“原始图像”和“鼠标经过图像”就行了。

淘宝里鼠标放在图片上,图片变亮,这个效果怎么制作(代码是什么)?
这个应该是鼠标放上去图片切换效果(也就是说要两张图片切换)需要在页面中添加以下JS代码: function changeImg(obImg,sNewURL){ if(sNewURL!="") obImg.src=sNewURL;} 将需要切换图片的标签代码按照以下示例编写,将以下代码的"图片地址"更换为自己所要切换的图片就可以了。

相似回答