html鼠标经过显示图片
答:在<a href=... onmouseover="func2()" onmouseout=func2()> 当鼠标在连接上的时候就会执行func1,鼠标移出链接的范围就执行func2 你可以先把图片的display设置成none <img id="myImg" src=.. style="display:none"> func1里面让display=block func2里在设置成none <script type="text/javascr...
答:.a { background-image: url(xx.jpg);}.a:hover { background-image: url(yy.jpg);}
答:--分别设置了鼠标进入、离开的事件 -->div2</div></body><script>function showbg(e){e.style.background="url(2531170_142659950000_2.jpg)"; //用javascript来改变背景图片样式}function hidebg(e){e.style.background="none";}</script></html> 具体选择根据需要灵活应用 注意示例图片要引用...
答:用hover伪类来做 做好是给图片加以个<a>标签,然后对<a>标签设置hover 例如一个图片<img src='example.jpg' width='100' height='100' alt='举例'> 移上去的图片叫hover.jpg 两个图片大小一样 改写成 <a href='javascript;:' id='example'><a> 再在css中添加 example{ background:url(...
答:<!DOCTYPE html><html><head><meta charset=utf-8><title>dd</title><style> li img{ display:none; } li:hover img{ display:block; }</style></head><body><ul><li> <div>swwwwwwww</div> <img src="aa.jpg" /></li></ul></body></html> ...
答:点击鼠标,还是点击按钮,还是点击图片?如果是点击鼠标,写一个遮罩层,遮罩层为全透明rgba(0 ,0 ,0, 0).遮罩层设置点击事件onclick 点击后隐藏当前图片,显示另一张,用if。点击按钮,你可以在按钮上写个点击事件 ,默认当前为true 点击后就变为false var a=ture;点击后 a=a!;一个图片用a...
答:用hover伪类来做 做好是给图片加以个<a>标签,然后对<a>标签设置hover 例如一个图片<img src='example.jpg' width='100' height='100' alt='举例'> 移上去的图片叫hover.jpg 两个图片大小一样 改写成 <a href='javascript;:' id='example'><a> 再在css中添加 example{ background:url(...
答:a:hover{ background-img:url(a.jpg);}
答:2、在css里设置img的类一定的宽和高,引入示例图片,设置图片为不重复。并且给img的类设置“:hover”伪类,设置伪类内的透明度为0.6:3、打开浏览器,在浏览器内查看效果:4、将鼠标移入图片,就会发现图片已经变亮了。以上就是用CSS设置鼠标经过图片变亮,移开变变暗效果的演示:...
答:要用到js鼠标点击事件,点击后把另一张事先隐藏的图片(隐藏代码为dispaly:none;)显示出来(display:block;)。
网友评论:
酆便18268449414:
html 在一个超链接上面,鼠标移动上去时,也显示图片,如何实现 -
26835施童
: 用JS的鼠标事件,onmouseover()方法,当鼠标移动到a标签的时候把那个图片的display:none;变成block
酆便18268449414:
html 鼠标移动过去的时候让他显示另外个图片 -
26835施童
: <script type="text/javascript"> function newimgFun(){ var imgSrc=["newtopic.gif","reply.gif"]document.getElementById("pic").src=document.getElementById("pic").src==imgSrc[0]?imgSrc[1]:imgSrc[0]; } </script><img src="images/denglu6_12.gif" width="68" height="49" onkeyup="newimgFun()" > 还有一种方法是鼠标移入移出事件 hover事件 也能实现你要的效果
酆便18268449414:
请问如何使按钮当鼠标经过是,自动变换图像,当然在HTML当中实现.尽量少用JS,我用CSS,做了很多,但都实 -
26835施童
: 你这个<input>中用了class="mid_btm",那么你在css里要这样写:.mid_btm{ width:120px; height:30px; background:url(xxx.jpg) no-repeat; }.mid_btm:hover{ background:url(yyy.jpg) no-repeat; } 上面两句就实现了你的按钮是图片显示,并且鼠标经过时,变换成另一张图片.其中鼠标经过时变换图片的css是第二句,即后面加一个:hover,代表鼠标划过的动作.
酆便18268449414:
html 中 当鼠标指向文字的时候 显示相应的 图片 好像说明的 那种 -
26835施童
: 这用到了前端的JS技术.用jQuery+CSS来做就很简单 比如:李明国那部分的代码:<span id="lmg">李明国</span> 然后写jQuery代码: $("#lmg").hover(function(){ //鼠标移入,弹出对话框,并设置其CSS //写相应代码 },function(){ //鼠标移出,对话框消失 }); 你可以看一个简单的演示: http://www.willin.org/develop/jquery/jquery-sweet-title/
酆便18268449414:
纯html代码 鼠标划过缩略图 显示大图 图片效果 -
26835施童
: 鼠标放在缩略图上面时候触发onmouseover事件,将image的url替换成大图的相对路径、.鼠标移开时候换成缩略图的相对路径、
酆便18268449414:
有没有鼠标指在文字上就可以显示图片的html代码 -
26835施童
: 你直接在HTML里面编辑就行了 把图片的名称改为你想要的名字就OK了 请采纳 谢谢
酆便18268449414:
html网页中 如何 鼠标经过图片 然后旁边显示字体 或者 在另外一个模块内显示内容 -
26835施童
: 1. img标签里的title属性2. 使用js,吧你要显示的模块的css内属性display:none; 鼠标经过事件发生时改为display:block; 鼠标滑出后又改成none
酆便18268449414:
有没有鼠标指在文字上就可以显示图片的html代码 -
26835施童
: 您好!这边还不太清楚您的意思,这段代码实现把鼠标放在链接上显示一张图片,能且仅能显示一张,不知道您的意思是要实现怎么显示呢?(这里只有一个img标签哦,怎么会有第几张图片之说)
酆便18268449414:
HTML代码移动鼠标到图片会变化是怎么做的? -
26835施童
: <img src="1.jpg" width="200" height="200" border="0" style="cursor:hand;" /> 在图片的加入样式style="cursor:hand;" 即可改变鼠标图像.cursor的相应值的意思:default 默认光标(通常是一个箭头) auto 默认.浏览器设置的...
酆便18268449414:
网页制作鼠标经过文字显示图像. -
26835施童
: 如果是静态页面的话,很好做.也就是添加一个“层”(把你需要显示的图片放在层中),然后为你的关键字添加“行为--显示和隐藏”,可以选择鼠标的多种动作,比如可以选择当鼠标滑过的时候,显示层等等.