网站建设时超链接a 里面包含图片 img 怎样实现当鼠标移动到 a 上时 img图片替换成另外一张图片
您可以使用 JavaScript 实现此功能。下面是一个示例:
HTML:
JavaScript:
var link = document.getElementById(mylink);var image = document.getElementById(myimage);
link.onmouseover = function() {image.src = image2.jpg;}
link.onmouseout = function() {image.src = image1.jpg;}
这将在鼠标移动到超链接上时显示 image2.jpg 图像,在鼠标移出超链接时显示 image1.jpg 图像。
下面是如何在 HTML 中完整地插入 JavaScript 代码的方法:link.onmouseover = function() { image.src = image2.jpg; }
link.onmouseout = function() { image.src = image1.jpg; } /scripta id=mylink href=#img id=myimage src=image1.jpg //a
您还可以将 JavaScript 代码放在独立的文件中,并在 HTML 中通过 script 标签引用:
HTML:
JavaScript(script.js):
var link = document.getElementById(mylink);var image = document.getElementById(myimage);
link.onmouseover = function() {image.src = image2.jpg;}
link.onmouseout = function() {image.src = image1.jpg;}
网站建设时超链接a 里面包含图片 img 怎样实现当鼠标移动到 a 上时 img图片替换成另外一张图片 https://cdnanqi.cn/wangluoyingxiao/16989.html
400电话办理