JavaScript代码，鼠标放上去显示一张图片
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>First C</title>
</head>
<body>
<h1 >hello world</h1>
<input type="button" value="clickme" onclick="btnclick();"/>
<ul>
<li><a href=".\1.gif"/ onmouseenter="show(this);return false ; " alt="显示图片1.gif">1.gif</li>
<li><a href=".\2.gif"/ onmouseenter="show(this);return false ; " alt="显示图片2.gif">2.gif</li>
</ul>
<img id = "pic" src="" alt ="hell"/>
<div id="msg"></div>
</body>
<%@ language="JScript" %>
<html>
<script>
function show(o) {
var s = o.getAttribute("href");
var p = document.getElementById("pic") ;
p.setAttribute("src",s);
document.getElementById("msg").innerText ="图片说明:" + o.getAttribute("alt");
}
function btnclick() {
var p = document.createElement("h2") ;
var txt = document.createTextNode("new element!11");
p.appendChild(txt);
document.body.appendChild(p);
}
</script>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本
· Manus爆火，是硬核还是营销？
· 终于写完轮子一部分：tcp代理 了，记录一下
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通