1.
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>图片轮换</title>
</head>
<script>
function change(dd){
var p=document.getElementById("photo");
p.setAttribute("src","images/"+dd);
}
</script>
<body>
<div class="scroll">
<div id="num">
<a href="javascript:change('1.gif')">1</a>
<a href="javascript:change('2.gif')">2</a>
<a href="javascript:change('3.jpg')">3</a>
<a href="javascript:change('4.jpg')">4</a>
<a href="javascript:change('5.gif')">5</a>
</div>
<img src="images/1.gif" id="photo"/>
</div>
</body>
</html>
2.
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>上传文件</title>
</head>
<script>
function add() {
var newNode = document.getElementById("upload").cloneNode(true);
var oldNode = document.getElementById("up");
oldNode.parentNode.insertBefore(newNode, oldNode);
}
</script>
<body>
<div id="main">
<dl id="upload">
<dt>文件路径:</dt>
<dd><input name="fileImages" type="file" /></dd>
</dl>
<div id="addBtn"><input id="up" type="button" value="再上传一个文件" onclick="add()"/></div>
</div>
</body>
</html>
3.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/jQuery3.3.1.js"></script>
</head>
<body>
<script>
$(function () {
$("#1").mouseover(function () {
$("#2").html("<p>林徽因,女,汉族,原名林徽音,出生于浙江杭州,祖籍福建福州。中国著名建筑家、诗人、作家。人民英雄纪念碑和中华人民共和国国徽深化方案的设计者\n" +
" </p><p>林徽因是建筑师梁思成的第一任妻子。三十年代初,与夫婿梁思成用现代科学方法研究方法研究中国古代建筑,成为这个学术领域的开拓者。</p>");
});
$("#3").mouseover(function () {
$("#2").html("<ul><li class=\"current\">《你是人间四月天》</li>\n" +
" <li>《宝莲灯》</li>\n" +
" <li>《九十九度中》</li></ul>");
})
})
</script>
<div id="1">
林徽因简介
</div>
<div id="2">
<p>林徽因,女,汉族,原名林徽音,出生于浙江杭州,祖籍福建福州。中国著名建筑家、诗人、作家。人民英雄纪念碑和中华人民共和国国徽深化方案的设计者
</p><p>林徽因是建筑师梁思成的第一任妻子。三十年代初,与夫婿梁思成用现代科学方法研究方法研究中国古代建筑,成为这个学术领域的开拓者。</p>
</div>
<div id="3">
主要作品
</div>
</body>
</html>