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

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

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,输入问题基础代码。

2、在index.html中的<script>标签中,输入js代码:

$('a').hover(function () {$('img').css('display', 'block');})

3、浏览器运行index.html页面,此时鼠标移动到超链接上,下面的图片自动显示了出来。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2016-12-02
html鼠标移动到超链接上时,显示图片的效果是通过一个鼠标的hover事件来实现的,不过实现的方式还是有很多的,具体我写个代码:
<html>
<head>
a:hover{
background:url('图片地址');

}

</head>

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

</body>

</html>
第2个回答  2013-07-13
用脚本和css样式也可以实现.对图片的滤镜操作,可以像Photoshop一样来处理图片.
第3个回答  2013-07-13
是不是google首页那样的?
那是flash
第4个回答  2013-07-13
onmouseover弹出层 ,层里显示图片即可如何弹出层 自己查资料
相似回答