html鼠标移动到超链接上时,显示图片的效果怎样做的?

已举报 回答
html鼠标移动到超链接上时,显示图片的效果怎样做的?
问在线客服
扫码问在线客服
  • 回答数

    8

  • 浏览数

    2,893

8个回答 默认排序
  • 默认排序
  • 按时间排序

已采纳
html鼠标移动到超链接上时,显示图片的效果是通过一个鼠标的hover事件来实现的,不过实现的方式还是有很多的,具体我写个代码:
html
head
a:hover{
background:url('图片地址');

}

/head

body
a href=''放到上面有图片出现/a

/body

/html
取消 评论
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
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleexample/title
script type=text/javascript src=http://code.jquery.com/jquery-1.4.1.min.js/script
script type=text/javascript
$(function(){
$('#divcon').hide();
$('#aa').hover(function(){$('#divcon').show();},function(){$('#divcon').hide();});
});
/script
style type=text/css
!--
body{ color:#000; font:12px Arial, Helvetica, sans-serif;}
#aa{ color:#000; text-decoration:none;}
#divcon{ background:#eee; padding:10px; width:150px;}
--
/style
/head
body
a id=aa href=#我是链接,鼠标过来/a
div id=divcon隐藏的任意内容,鼠标移到链接上出现,移开即隐藏!/div
/body
/html
取消 评论
1、新建一个表单
2、在表单增加一个容器控件,设置其大小一定要比你的图片大一些,双击容器控件,在其mousemove事件中写上thisform.label1.caption=''
3、添加一个图片控件一定要放在窗口控件中(以便当鼠标指针离开图片时,指向容器控件从而触发容器控件的mousemove事件,从而隐藏图片说明),双击,在在其mousemove事件中写上thisform.label1.caption='图片说明'
4、添加一个label控件,设置其caption属性为''
5、添加一个button控件修改其caption属性为'退出',在其click事件中写上thisform.release
6、保存,并运行表单
取消 评论
jquery
取消 评论
as3.0还是as2.0实现啊
取消 评论
这是一个非常简单的JS代码做的项目,首先,你在右边的空白处建立一个框,那么框里面就可以装下你不同产品的图片,你可以建立一个li标签,当鼠标指到那儿时,显示你当前所对应的图片,你把他们先隐藏起来(display:none)。下面是JS代码。
var li=document.getElementsByName('li');
var van=document.getElementsById('van');/*van我随便写的,就是你产品用的代码标号*/
for(var i=0;ili.length;i++)
{
van.onmouseover=function(){
li[i].style.display='block';
}
}
取消 评论
制作个按扭....第一帧放图片,
指针经过放鼠标跟随效果,鼠标跟随效果作成影片剪辑
取消 评论
ZOL问答 > 鼠标 > 其他 > html鼠标移动到超链接上时,显示图片的效果怎样做的?

举报

感谢您为社区的和谐贡献力量请选择举报类型

举报成功

经过核实后将会做出处理
感谢您为社区和谐做出贡献

扫码参与新品0元试用
晒单、顶楼豪礼等你拿

扫一扫,关注我们
提示

确定要取消此次报名,退出该活动?