求JS效果!鼠标经过图片 就会弹出相关信息出来!CSS+JS!
求JS效果!鼠标经过图片就会弹出相关信息出来!CSS+JS!有上传附件!kuai点xunlei点com/d/XFIWPONJSETN或+扣Q178130239我发给你!在...
求JS效果!鼠标经过图片 就会弹出相关信息出来!CSS+JS!有上传附件!kuai点 xunlei点com/d/XFIWPONJSETN或+ 扣Q 178130239 我发给你!在线等一小时!这里200分 等下采纳送多50分!CSS 跟列表 去迅雷快传上下 我发不上来!
一发贴子就没了不知道是怎么回事! 展开
一发贴子就没了不知道是怎么回事! 展开
3个回答
展开全部
加一个mouseover事件
追问
能说下怎么加吗?我不会JS!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
有两种方法,一个是给这个图片所在的HTML标签增加一个onmouseover事件,例如
<img src="abc.jpg" onmouseover = "在这里调用一个js函数或直接写上js执行代码" />
再一个办法是直接使用CSS,无需js代码,先把此图片和图片的提示框的HTML元素包括在一个容器里, 假设这个容器是一个div,然后把提示框HTML元素的position设置为绝对定位absolute,然后left坐标设置成一个很小的负值-9999px; 然后为此div容器设置一个hover伪选择器,在hover激活时将提示框的left坐标设置为auto即可
<img src="abc.jpg" onmouseover = "在这里调用一个js函数或直接写上js执行代码" />
再一个办法是直接使用CSS,无需js代码,先把此图片和图片的提示框的HTML元素包括在一个容器里, 假设这个容器是一个div,然后把提示框HTML元素的position设置为绝对定位absolute,然后left坐标设置成一个很小的负值-9999px; 然后为此div容器设置一个hover伪选择器,在hover激活时将提示框的left坐标设置为auto即可
追问
能告诉下怎么写吗!谢谢!
这种CSS 我还真没写过!我只会简单的写法!我写的比较死!新手!
追答
这个是纯CSS,不用JS的实现方法,但这种方法不支持IE6、IE7或更低的IE版本
我是提示
#container {
width:390px;
height: 300px;
}
#tips {
background: #CCC;
border: #666 1px solid;
width:150px;
height:150px;
position: absolute;
left: -999px;
}
#container:hover #tips{
left: auto;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询