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

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

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

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

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

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

html添加图片的方法：首先打开编辑器，新建img标签；然后给img标签的属性【src添加一张图片的地址】；最后把html文件拖到浏览器中即可。具体如下：

点击打开html编辑器sublime_text.

我们创建一个html文件，然后【创建一个img标签】。

创建img标签以后，我们给img标签的属性【src添加一张图片的地址】。

我们把html文件拖到浏览器中，然后就可以查看加入图片的效果了。

html简介：

超文本标记语言(HyperTextMarkupLanguage)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言(markuplanguage)，是网页制作所必备的。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。