1.动态切换图片(布局)
1.动态切换图片(布局)
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> #bodDIv { margin:50px auto; width:460px; border:1px solid #000; } #pageUL{ list-style-type:none; border:0px solid #808080; margin:0px; position:relative;/*位置：相对位置*/ left:350px; width:200px; top:-30px; } #pageUL li{ display:inline-block;/*显示：内联的块元素*/ width:10px;height:20px; border:1px solid #000000; background-color:#b6ff00; } </style> <script type="text/javascript"> function gel(id) { return document.getElementById(id); } window.onload = function () { }; </script> </head> <body> <div id="bodDIv"> <img src="image/t019b430cacfc2e1f04.jpg" width="460px"/> <ul id="pageUL"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> </div> </body> </html>
原文：http://www.cnblogs.com/hehehehehe/p/7092315.html