jquery鼠标经过图片反转文字 js鼠标经过图片时更换图片

js如何实现鼠标经过图片的切换

在dw里就可以了在行为里使用切换图片，在对话框里选择你需要切换的图片就可以了。

你是想用JS实现呢还是CSS实现？CSS实现代码：a：｛background：url(jpg)；｝ a：hover{background：url(jpg)} 最好不要用CSS，因为他只能用在a标签上，用在别的标签上，有的可以实现，但是有的浏览器不兼容。

如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS。如图，获取img，转成JS对象，加个[0]就可以转js对象了。然后设定经过事件，切换成另一张图片，这样就产生鼠标经过切换图片的效果了。

这个问题有点复杂，20分，有点少，看代码就要看半天。

有好多种方法可以制作：比如楼上说的：dreamweaver cs5 中， 插入——图像对象——鼠标经过图像.可以设置。

相关问答

Q1: jquery中如何做到鼠标经过文字显示图片

(function(){ $(.pcdown li).mouseover(function(){ $(this).siblings().find(p).hide()； $(this).find(p).show()； })；})；先把所有的p隐藏，然后显示当前的。就行了。

用js可以，创建两个div，一个是放你的文字div1，一个放你的图片div2，当鼠标移到文字时，设置div1的onmouseover设置为使div2显示，当鼠标移出文字时设置div1的onmouseout设置为div2隐藏。

jquery给所有的图片所在div加上鼠标悬停事件，然后得到鼠标所在div（可以通过class/id）元素，再修改div的css样式，隐藏就是display：none。

在dw中，编写以下css样式： .mengsb {width：648px； margin：0px auto；}.jixing1 a {position：relative； width：320px； margin：0 0px 0 0； float：left； height：232px；}。

然后添加用于鼠标移动的脚本代码来显示蒙版层。这段js代码是用jquery编写的，既方便又简单，所以我们首先介绍jquery脚本库。

如果是纯色的方块，你直接用css就能实现，如果不是的话，就用js吧，css的话，你先把字体颜色设置成和方块背景一样的，然后写一个：hover的属性，就是鼠标经过时的属性，这时候你把背景变暗，然后文字颜色改变一下就好。

Q2: 网页实现点击图片后图片消失显示文字

首先在电脑上打开目标PPT文件，然后选中图片，点击动画选项页面中的“自定义动画”选项。然后为图片设置进入动画为“飞入”，进入动画可按个人需要设定。然后点击动画效果后的下拉箭头，在下拉菜单中点击“计时”选项。

选中图片，点“动画”“自定义动画”“添加效果”，选择一种出现的方式，右键该自定义动画项，点“效果选项”“计时”“触发器”选中文字。就可在点击文字时出现一幅图片。

在电脑中打开需要设置的PPT文档，进入该文档页面中。在进入文档后，点击鼠标左键并拖动选中需要加入超链接的文字内容。在选中完成后点击页面上方的插入选项，打开插入工具栏。

Q3: 一段鼠标经过文字显示图片的jquery代码

1、css问题。.pcdown p.show{display：block；}上面那段代码比原来的p.show优先级高，所以没效果。js是下面这么改，这么改js，上面的css可以不用，js直接就控制隐藏和显示。

2、给div标签添加hover伪类，然后打出一个空格，再设置此时p标签的显示样式。

3、如果不需要渐变等特殊效果的话，可以通过CSS实现。

4、然后添加用于鼠标移动的脚本代码来显示蒙版层。这段js代码是用jquery编写的，既方便又简单，所以我们首先介绍jquery脚本库。

Q4: 求高手指点!怎样用jquery实现鼠标经过图像变化?是配合css实现的_百度...

那么我告诉你思路，大图原型然后小图先站位。监听鼠标在小图中的位置信息然后调整大图背景模式显示。其中的难点是控制背景位置已经计算鼠标在小图中的偏移量。做这个需要编辑配合你，取图很重要，要定好比率。

有种最简单的，Dreamweaver 里边 插入——图像对象——鼠标经过图像 然后选择好两张图就可以了。要不就在CSS里边定义，在A标签里边设置个背景图，然后A：hover里边设置另一个背景图就可以了。

如果不需要渐变等特殊效果的话，可以通过CSS实现。

用hover，比如你要div某个div背景变色，用 类名：hover{background：#ff6a00；} 或者是 id：hover{background：#ff6a00；} 这样就行了，鼠标放开背景色就自动变化回去了。

关于jquery鼠标经过图片反转文字和js鼠标经过图片时更换图片的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。