<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>图片轮换</title> <style> .scroll{width: 360px; height: 190px; overflow: hidden; margin: 0 auto; position: relative;} a{ font-size: 14px; color: #39F; height: 18px; width: 20px; border: 1px solid #39F; text-decoration: none; display: block; float: left; margin-right:5px; text-align: center; background-color: #FFF; line-height: 20px; } a:hover { font-size: 14px; font-weight: bold; color: #FFF; background-color: #39F; border: 1px solid #39F; text-decoration: none; display: block; } #num { position:absolute; width:180px; height:25px; z-index:2; left:100px; top: 13px; } </style> </head> <body> <div class="scroll"> <div id="num"> <a href="#" οnclick="picture1()">1</a> <a href="#" οnclick="picture2()">2</a> <a href="#" οnclick="picture3()">3</a> <a href="#" οnclick="picture4()">4</a> <a href="#" οnclick="picture5()">5</a> </div> <img src="../images/1.gif" alt="图片" id="photo"/> </div> </body> </html> <script type="text/javascript"> function picture1(){ var rotation = document.getElementById("photo"); rotation.setAttribute("src","../images/1.gif"); } function picture2(){ var rotation = document.getElementById("photo"); rotation.setAttribute("src","../images/2.gif"); } function picture3(){ var rotation = document.getElementById("photo"); rotation.setAttribute("src","../images/3.jpg"); } function picture4(){ var rotation = document.getElementById("photo"); rotation.setAttribute("src","../images/4.jpg"); } function picture5(){ var rotation = document.getElementById("photo"); rotation.setAttribute("src","../images/5.gif"); } </script>
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>上传文件</title> <style> #main{margin:0 auto; width: 500px;} dl{clear: both; width: 100%;} dt{ float: left; width: 100px; text-align: right; } </style> </head> <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="再上传一个文件"οnclick="file()" /></div> </div> </body> </html> <script> function file() { var main=document.getElementById("main").firstChild; var fiji=main.nextElementSibling.cloneNode(true); document.getElementById("main").appendChild(fiji).firstChild.nextSibling; } </script>