<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <link href="css.css" rel="stylesheet" type="text/css" /> <script src="http://demo.jb51.net/js/myfocus/content/templates/myfocus/js/myfocus-2.0.1.min.js"></script> <script type="text/javascript"> myfocus.set({ id:'picBox' }); </script> </head> <body> <div class="wrap"> <div class="logo"> <div class="logo_left"> <img src="素材/img/logo.jpg"> </div><!--logo_left结束--> <div class="logo_right"> <ul> <li><a href="#">首页</a></li> <li><a href="#">产品特色</a></li> <li><a href="#">解决方案</a></li> <li><a href="#">产品价格</a></li> <li><a href="#">帮助中心</a></li> <li><a href="#">关于我们</a></li> <ul> </div><!--logo_right结束--> <div class="ad" id="picbox"> <ul> <li><img src="http://img.mukewang.com/53edad3e0001afad10000318.jpg"></li> <li><img src="http://img.mukewang.com/53edad2c0001b61310000314.jpg"></li> <li><img src="http://img.mukewang.com/53edad1600019ae910000310.jpg"></li> </ul> </div><!--ad结束--> <div class="newspic"></div><!--newspic结束--> <div class="newscontent"></div><!--newscontent结束--> </div><!--wrap结束--> </body> </html>
@charset "utf-8"; /* CSS Document */ *{ margin:0; padding:0; } .wrap{ width:1000px; margin:0 auto; } .logo{ height:80px; background-color:#FFF; } .logo_left{ width:200px; float:left } .logo_right li{ float:left; width:100px; list-style-type:none; line-height:80px; text-align:center; } .logo_right li a{ display:block; font-size:16px; font-family:"微软雅黑"; text-decoration:none; color:#000; } .logo_right a:link,.logo_right a:visited{ color: #000000; background-color: #FFFFFF; } .logo_right a:hover,.logo_right a:active{ color:#000; background-color:#900; } .ad{ width:1000px; height:320px; overflow:hidden; margin:5px 0 20px 0; }
没有引轮播样式的文件,