2 q790430768 q790430768 于 2015.07.25 08:09 提问

html则样将这张图片,用鼠标移去切换????

图片说明

8个回答

q790430768
q790430768   2015.07.25 08:29

??????????????求大神指点

shenzhun
shenzhun   2015.07.25 08:52

不明白你的意思,能说清楚点吗

q790430768
q790430768 页面只能看到,这张图片左边的图片,当鼠标移上去时切换成又边的图片位置不变还是左边(这两张图片在一张图片里面亮度不同)
接近 3 年之前 回复
q790430768
q790430768 页面只能看到,这张图片左边的图片,当鼠标移上去时切换成又边的图片位置不变还是左边(这两张图片在一张图片里面亮度不同)
接近 3 年之前 回复
q63176347
q63176347   2015.07.25 09:34

感觉有多个实现方式:鼠标移上去事件,
1通过这个事件我们可以替换明亮度不一的图片,鼠标移走后又替换回来!2通过这个隐藏暗的图片,显示亮的图片,事件一走又隐藏亮的显示暗的!这一切和动作通过jquery都可以很简单的实现的!

sinat_28656411
sinat_28656411   2015.07.25 10:12

这一切和动作通过jquery都可以很简单的实现的!

sinat_28656411
sinat_28656411   2015.07.25 10:12

这一切和动作通过jquery都可以很简单的实现的!

strutce
strutce   Ds   Rxr 2015.07.25 11:57


src="图片路径" >
style="position:absolute; z-index:1;"
src="图片路径" />

strutce
strutce   Ds   Rxr 2015.07.25 12:01
showbo
showbo   Ds   Rxr 2015.07.25 13:17
 <img src="暗的图片.jpg" onmouseover="this.src='亮的图片.jpg'"  onmouseout="this.src='暗的图片.jpg'" />
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
css3+html+Jquery实现鼠标滑过图片切换效果
css3+html+Jquery实现鼠标滑过图片切换效果 position:relative;/*相对定位:参考物*/ overflow:hidden;/*超出隐藏*/
JavaScript实现图片轮播和鼠标悬停显示
例: 提前放好了四张图片,并编号。 <!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> <titl
JavaScript代码制作页面鼠标滚轮图片切换
鼠标上的滚轮是一个不错的东东,为什么这么说,因为它能帮助我们nnw
页面 html5鼠标滚动全屏图片倾斜分割切换特效
页面 html5鼠标滚动全屏图片倾斜分割切换特效 查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1217.html
JS写的将鼠标放到数字上就能换图片…
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">     JS写的将鼠标放到数字上就能换图片和点击图片就能换图片     <style type="text/css">         #main  
html页面中鼠标悬停更换图片
&amp;lt;!doctype html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt;&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;&amp;lt;title&amp;gt;fish&amp;lt;/title&amp;gt;&amp;lt;style type=&quot;text/css&quot;&amp;gt;.subLogo {    position: relative;    z-index: 1
鼠标放在图片上面进行图片的切换
<html> <head> <meta charset="utf-8"> <title></title> <style> #did img { border: 2px solid #fff; margin-left: 8px; }
来自国外的一款放大图片的鼠标提示特效 一款鼠标提示效果,类似于放大图片,鼠标移到对应图片上,会显示出大图,能根据浏览器的显示距离将提示的图片显示在正确的位置上,把浏览器窗口调小就可以看到效果了。Js代码里的cImg.setAttribute('id','bigPic');这一句,就是调用对应大图用的,你可以把小图和大图放在同一个目录中,只需更改此句就可调用对应的大图。
来自国外的一款放大图片的鼠标提示特效 一款鼠标提示效果,类似于放大图片,鼠标移到对应图片上,会显示出大图,能根据浏览器的显示距离将提示的图片显示在正确的位置上,把浏览器窗口调小就可以看到效果了。Js代码里的cImg.setAttribute('id','bigPic');这一句,就是调用对应大图用的,你可以把小图和大图放在同一个目录中,只需更改此句就可调用对应的大图。
如何设置鼠标悬浮在一张图片上变成另外一张图片
css: ...  .login {background: url(正常显示的图片.jpg)} .login:hover{background: url(鼠标移动上显示的图片.jpg)} ...
每3秒轮换下一张图片,鼠标可以选中数字换图片,在网上找了好多js写的代码,但是粘上之后总是实现不了效果,这是完整代码,粘上之后完全能使用,方便大家使用(这是jquery实现的翻动功能,需要先下载个jq
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">       http://sdia.ncut.edu.cn:80/" />     大规模流数据集成与分析技术北京市重点实验室                  *{ font-size:12px