漂亮的网站源码30个【华丽的JS特效+DIV控制布局】_网站首页布局设计源码资源-CSDN文库

共1730个文件

jpg：533个

png：310个

gif：256个

网站源码

需积分: 50 77 浏览量 2022-06-13 09:03:35 上传评论 2 收藏 48.55MB RAR 举报

资源详情

资源评论

资源推荐

收起资源包目录

漂亮的网站源码30个【华丽的JS特效+DIV控制布局】（1730个子文件）

MailHandler.ashx 2KB

prettyPhoto.css 17KB

prettyPhoto.css 16KB

style.css 14KB

style.css 12KB

style.css 11KB

style.css 10KB

style.css 9KB

style.css 8KB

grid.css 8KB

style.css 8KB

style.css 7KB

style.css 6KB

style.css 5KB

grid.css 5KB

style.css 5KB

grid.css 5KB

style.css 4KB

demo.css 3KB

style.css 3KB

grid_12.css 3KB

style.css 2KB

forms.css 2KB

idea.css 2KB

layout.css 2KB

slider.css 1KB

demo.css 1KB

forms.css 1KB

reset.css 1KB

ie.css 996B

slider.css 956B

slider.css 954B

fonts.css 953B

reset.css 936B

reset.css 918B

reset.css 905B

layout.css 852B

reset.css 816B

layout.css 813B

reset.css 795B

cycle.css 763B

tabs.css 741B

layout.css 729B

layout.css 724B

layout.css 713B

slider.css 699B

reset.css 693B

layout.css 661B

ie.css 460B

layout.css 224B

ie.css 197B

ie.css 194B

ie.css 190B

ie.css 165B

ie.css 107B

ie.css 100B

ie.css 93B

ie.css 81B

共 1730 条

<!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" href="css/reset.css" type="text/css" media="all"> <link rel="stylesheet" href="css/layout.css" type="text/css" media="all"> <link rel="stylesheet" href="css/style.css" type="text/css" media="all"> <script type="text/javascript" src="js/jquery-1.5.2.js" ></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/cufon-replace.js"></script> <script type="text/javascript" src="js/Amaranth_400.font.js"></script> <script type="text/javascript" src="js/script.js"></script> <script type="text/javascript" src="js/scroll.js"></script> <script type="text/javascript" src="js/atooltip.jquery.js"></script>   </head> <body> <div class="extra"> <div id="page_2"> <div class="main">  <header> <h1><a href="#page_1">Business</a></h1> <nav> <ul class="menu"> <li class="active"><a href="#page_2">News</a></li> <li><a href="#page_3">Services</a></li> <li><a href="#page_4">Products</a></li> <li><a href="#page_5">FAQ</a></li> <li><a href="#page_6">Contacts</a></li> </ul> </nav> </header>   <section class="content"> <article class="col1"> <h2>Latest News & Events</h2> <div class="wrapper pad_bot1"> <figure class="left marg_right1"><img src="images/page1_img1.jpg" alt=""></figure> <p class="pad_bot1">May 16, 2011<br> <strong class="color1">Lorem ipsum dolor sit amet consectetur adipiscing</strong></p> <p> Business is one of <a href="http://blog.DIYIYUANMA.CN/free-website-templates/" target="_blank">free website templates</a> created by DIYIYUANMA.CN team. This website template is optimized for 1024X768 screen resolution. It is also XHTML & CSS valid. This website template has several pages: <a href="#page_2">News</a>, <a href="#page_3">Services</a>, <a href="#page_4">Products</a>, <a href="#page_5">FAQ</a>, <a href="#page_6">Contacs</a> (contact us form – doesn’t work).</p> </div> <div class="wrapper"> <figure class="left marg_right1"><img src="images/page1_img2.jpg" alt=""></figure> <p class="pad_bot1">May 12, 2011<br> <strong class="color1">Libero mauris varius mivitae suscipit ipsum</strong></p> <p> This <a href="http://blog.DIYIYUANMA.CN/2011/05/23/free-website-template-for-efficient-business-project/" target="_blank">Business Template</a> goes with two packages – with PSD source files and without them. PSD source files are available for free for the registered members of Templates.com. The basic package (without PSD source is available for anyone without registration).</p> </div> </article> <article class="col2 pad_left1"> <h2>News Archive</h2> <ul class="list1"> <li><a href="#">May ‘11</a></li> <li><a href="#">April ’11</a></li> <li><a href="#">March ‘11</a></li> <li><a href="#">February ’11</a></li> <li><a href="#">January ‘11</a></li> <li><a href="#">December ’10</a></li> <li><a href="#">November ‘10</a></li> <li><a href="#">October ’10</a></li> <li><a href="#">September ‘10</a></li> <li><a href="#">August ’10</a></li> <li><a href="#">July ‘10</a></li> </ul> </article> </section>  </div> <div class="block"></div> </div> </div> <div class="main">  <footer> <ul class="icons"> <li><a href="#" class="normaltip" title="Facebook"><img src="images/icon1.jpg" alt=""></a></li> <li><a href="#" class="normaltip" title="Delicious"><img src="images/icon2.jpg" alt=""></a></li> <li><a href="#" class="normaltip" title="Stumble Upon"><img src="images/icon3.jpg" alt=""></a></li> <li><a href="#" class="normaltip" title="Twitter"><img src="images/icon4.jpg" alt=""></a></li> <li><a href="#" class="normaltip" title="Linkedin"><img src="images/icon5.jpg" alt=""></a></li> <li><a href="#" class="normaltip" title="Reddit"><img src="images/icon6.jpg" alt=""></a></li> </ul> </footer>  </div> <div class="extra"> <div id="page_3"> <div class="main">  <header> <h1><a href="#page_1">Business</a></h1> <nav> <ul class="menu"> <li><a href="#page_2">News</a></li> <li class="active"><a href="#page_3">Services</a></li> <li><a href="#page_4">Products</a></li> <li><a href="#page_5">FAQ</a></li> <li><a href="#page_6">Contacts</a></li> </ul> </nav> </header>   <section class="content"> <h2>Services Overview</h2> <article class="col1"> <div class="wrapper pad_bot1"> <figure class="left marg_right1"><a href="#"><img src="images/page2_img1.png" alt=""></a></figure> <p class="pad_bot1"><strong class="color1">Management</strong></p> <p>Lorem ipsum dolor sit amet, consectetur adipisicing eitseo eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> <div class="wrapper pad_bot1"> <figure class="left marg_right1"><a href="#"><img src="images/page2_img2.png" alt=""></a></figure> <p class="pad_bot1"><strong class="color1">Banking</strong></p> <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore euugiat nulla pariatur.</p> </div> <div class="wrapper pad_bot1"> <figure class="left marg_right1"><a href="#"><img src="images/page2_img3.png" alt=""></a></figure> <p class="pad_bot1"><strong class="color1">Insurance</strong></p> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolorem- que laudantium, totam rem aperiam.</p> </div> </article> <article class="col1 pad_left1"> <div class="wrapper pad_bot1"> <figure class="left marg_right1"><a href="#"><img src="images/page2_img4.png" alt=""></a></figure> <p class="pad_bot1"><strong class="color1">Planning</strong></p> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium dolorem- que laudantium, totam rem aperiam.</p> </div> <div class="wrapper pad_bot1"> <figure class="left marg_right1"><a href="#"><img src="images/page2_img5.png" alt=""></a></figure> <p class="pad_bot1"><strong class="color1">Tax Services</strong></p> <p>Veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas.</p> </div> <div class="wrapper pad_bot1"> <figure class="left marg_right1"><a href="#"><img src="images/page2_img6.png" alt=""></a></figure> <p class="pad_bot1"><strong class="color1">Coaching</strong></p> <p>Sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p> </div> </article> </section>  </div> <div class="block"></div> </div> </div> <div class="main">  <footer> <ul class="icons"> <li><a href="#" class="normaltip" title="Facebook"><img src="images/icon1.jpg" alt=""></a></li> <li><a href="#" class="normaltip" title="Delicious"><img src="images/i