www.3112.net > html 鼠标移动到图片显示边框

html 鼠标移动到图片显示边框

<style> .img:hover{border:1px solid red}</style><img src="此处输入图片地址" class="img" />

还可以试试这个1、给立方体设置一个背景,进入 compizconfig -> 桌面立方体 -> appearance -> skydome 勾选 “background”,在 background images 中选择一个背景图片即可.2、如果要让立方体增加一个倒影,勾选 compizconfig -> cube

用JS里面的onmouseover事件吧

<!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"><!-- 上面两句是让网页遵循标准,如果只用 <html> 则 :hover

在图片标签中添加一个: onmouseout onmouseover onmousemove 事件,具体可以参考w3cschool

设置你那个DIV对应的背景颜色就行了,参考如下, 鼠标经过用 :hover表示 a:hover{background:#000;}

<html><head><style>.A{border:3px solid red;width:222px;}.B{padding:3px;width:222px;}</style></head><body><div class="B" onmouseover="this.className='A'" onmouseout="this.className='B'"><img src="hongqiBanner.gif" alt="文字" title="文字"/></div></body></html>

这个要用到javascript编程,当把鼠标放在原图片上时触发onmouseover事件,事件的内容就是显示新图片.

为什么需要一个图片一个文本框?你可以用一个文本框,然后在不同图片上悬停的时候给文本框赋不同的值啊

1、建三个图层分别下面2层分别放上文字和图片,最上面为空图层;2、将文字做成按钮,图片做成影片剪辑命名为mc13、给按钮加上代码:on(rollover){//鼠标经过时 mc1._visible=1;//显示图片 } on(rollout){//鼠标移走时 mc1._visible=0;//隐藏图片 } 4.、给最上面的空图层加上动作:stop(); mc1._visible=0;//先隐藏图片

网站地图

All rights reserved Powered by www.3112.net

copyright ©right 2010-2021。
www.3112.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com