这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文给大家分享一段核心代码基于 js 实现的 bookstore 静态页面,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
先给大家展示下效果图,如果感觉还不错,请参考实现代码:
bookstore 静态页面代码如下:
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>
- </title>
- <style>
- #right{ float: right; vertical-align: middle; line-height:50px; margin-right:70px;
- } #right img{ margin-top:11px; } #right a{ margin-left: -4px; text-decoration:
- none; font-size: 13px; color: #0066FF; } #right a:hover{ color:#909; }
- #menu{ padding-top: 6px; border-top:3px solid #82B211; height:40px; background-color:
- #1C3F09; text-align: center; word-spacing: 13px; } #menu a{ color: white;
- line-height: 40px; text-decoration: none; font-size: 18px; font-weight:
- bold; } #menu a:hover{ color: #999; } #menu .all{ color:#FAFA00 } #search{
- height: 40px; background-color: #B6B684; text-align: right; } #search span{
- line-height: 40px; } #search input{ width: 100px; height: 10px; } .img2{
- margin-top: 10px; padding-right: 230px; } #contenttop{ margin: 10px auto;
- font-size: 13px; width:800px; text-align: right; } #contentbody{ margin:-10px
- auto; border: 1px solid #999999; width:800px; height:800px; } #contentbodybook{
- margin:10px; font-size: 18px; } #contentbodybook label{ font-size: 10px;
- } #img2{ width:760px; margin-top: 10px; } #contentbodybook table img{ width:120px;
- height:190px; padding-top:38px; margin-left: 50px; } .bookname td{ padding-left:80px
- ; font-size: 13px; } #page{ text-align: center; } #page a{ text-decoration:
- none; font-size: 7px; color: #9AAFE5; border: 1px solid #9AAFE5; padding:2px
- 6px;/*等同于padding:2px 6px 2px 6px;上右下左*/ } #page a:hover{ color:#2B66A5;
- border: 1px solid #2B66A5; } #footer{ background: #EFEEDC; height:80px;
- margin-top: 30px; } #footerleft img{ margin-left: 190px; padding-top: 10px;
- float: left; } #footerright span{ float: left; font-size: 18px; padding-top:
- 10px; padding-left: 240px; width: 500px; }
- </style>
- </head>
- <body>
- <div>
- <div id="title">
- <img id="img1" src="../img/logo.png" />
- <div id="right">
- <img align="top" src="../img/cart.gif">
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 购物车|
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 帮助中心|
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 我的账户|
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 新用户注册
- </a>
- </div>
- </div>
- <div id="menu">
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 文学
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 生活
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 计算机
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 外语
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 经管
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 励志
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 社科
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 学术
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 少儿
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 艺术
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 原版
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 科技
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 考试
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 生活百科
- </a>
- <a class="all" href="#" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow">
- 全部目录商品
- </a>
- </div>
- <div id="search">
- <span>
- Search
- </span>
- <input type="text" value="" name="search" />
- <img class="img2" align="top" src="../img/serchbutton.gif" />
- </div>
- <div id="content">
- <div id="contenttop">
- <span>
- 首页 > 旅游 > 图书列表
- </span>
- </div>
- <div id="contentbody">
- <div id="contentbodybook">
- <span>
- <strong>
- 商品目录
- </strong>
- </span>
- <hr>
- <span>
- <strong>
- 计算机类
- </strong>
- </span>
- <label>
- 共100种商品
- </label>
- <hr>
- <img id="img2" align="top" src="../img/productlist.gif " />
- <table>
- <tr>
- <td>
- <img src="../img/bookcover/101.jpg">
- </td>
- <td>
- <img src="../img/bookcover/102.jpg">
- </td>
- <td>
- <img src="../img/bookcover/103.jpg">
- </td>
- <td>
- <img src="../img/bookcover/104.jpg">
- </td>
- </tr>
- <tr class="bookname">
- <td>
- 书名:xxx
- </td>
- <td>
- 书名:xxx
- </td>
- <td>
- 书名:xxx
- </td>
- <td>
- 书名:xxx
- </td>
- </tr>
- <tr class="bookname">
- <td>
- 售价:xxx
- </td>
- <td>
- 售价:xxx
- </td>
- <td>
- 售价:xxx
- </td>
- <td>
- 售价:xxx
- </td>
- </tr>
- <tr>
- <td>
- <img src="../img/bookcover/105.jpg">
- </td>
- <td>
- <img src="../img/bookcover/106.jpg">
- </td>
- <td>
- <img src="../img/bookcover/107.jpg">
- </td>
- <td>
- <img src="../img/bookcover/108.jpg">
- </td>
- </tr>
- <tr class="bookname">
- <td>
- 书名:xxx
- </td>
- <td>
- 书名:xxx
- </td>
- <td>
- 书名:xxx
- </td>
- <td>
- 书名:xxx
- </td>
- </tr>
- <tr class="bookname">
- <td>
- 售价:xxx
- </td>
- <td>
- 售价:xxx
- </td>
- <td>
- 售价:xxx
- </td>
- <td>
- 售价:xxx
- </td>
- </tr>
- </table>
- <div id="page">
- <br />
- <br />
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 上一页
- </a>
- <a class="current" href="#" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow">
- 1
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 2
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 3
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 4
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 5
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 6
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 7
- </a>
- <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow" rel="external nofollow" rel="external nofollow"
- rel="external nofollow">
- 下一页
- </a>
- </div>
- </div>
- </div>
- </div>
- <div id="footer">
- <div id="footerleft">
- <img src="../img/logo.png">
- </div>
- <div id="footerright">
- <span>
- CONTACT US
- </span>
- <br/>
- <span>
- copyright 2008 © BookStore All Rights RESERVED
- </span>
- </div>
- </div>
- </div>
- </body>
- </html>
以上所述是小编给大家介绍的 bookstore 静态页面的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 phperz 网站的支持!
(adsbygoogle = window.adsbygoogle || []).push({});
来源: http://www.phperz.com/article/17/0630/327394.html