當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
静态HTML网页设计作品我的家乡网站设计——我的家乡-绿城之都-南宁(9页) HTML+CSS+JavaScript 大学生简单个人静态HTML网页设计作品
生活随笔
收集整理的這篇文章主要介紹了
静态HTML网页设计作品我的家乡网站设计——我的家乡-绿城之都-南宁(9页) HTML+CSS+JavaScript 大学生简单个人静态HTML网页设计作品
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML5期末大作業：我的家鄉網站設計——我的家鄉
文章目錄
- HTML5期末大作業：我的家鄉網站設計——我的家鄉
- 一、作品展示
- 二、文件目錄
- 三、代碼實現
- 四、獲取更多源碼
一、作品展示
二、文件目錄
三、代碼實現
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>綠城之都-南寧</title><meta content="綠城之都-南寧" name="keywords" /><meta content="綠城之都-南寧" name="description" /><link href="css/base.css" rel="stylesheet" type="text/css"><link href="css/pagename.css" rel="stylesheet" type="text/css"><script type="text/javascript" src="js/jquery-1.6.2.min.js"></script><script type="text/javascript" src="js/jquery.SuperSlide.2.1.js"></script></head><body><!--header開始--> <div class="header"> <div class="w1000"><p>你好，歡迎光臨綠城之都南寧！</p><div class="contact"><a href="index.html">設為首頁</a> <a href="index.html">加入收藏</a></div></div></div><div class="w1000"><div class="header_bottom"><a href="index.html"><img src="images/logo.jpg" width="294" height="49" alt="" title="綠城之都-南寧"></a><ul><li><a href="index.html">網站首頁</a></li> <li><a href="template/historic.html">歷史</a></li> <li><a href="template/beautiful.html">風景</a></li> <li><a href="template/tourism.html">旅游</a></li> <li><a href="template/delicacy.html">美食</a></li> <li><a href="template/new.html">動態</a></li> <li><a href="template/leave.html">留言</a></li> <li><a href="template/about.html">團隊介紹</a></li> <li><a href="template/connection.html">聯系我們</a></li></ul> </div> </div><!--header結束--> <div class="container"> <!--banner開始--><div class="banner"> <div class="bd"><ul><li style="background:url(images/banner_4.jpg) no-repeat center top;"></li><li style="background:url(images/banner_2.jpg) no-repeat center top;"></li></ul></div><div class="hd"><ul><li></li><li></li></ul></div><a class="prev" href="javascript:void(0)"></a><a class="next" href="javascript:void(0)"></a></div><!--調用JS模塊圖片滾動--> <script type="text/javascript">jQuery(".banner").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"fold",delayTime:1000,interTime:5000,autoPlay:true, autoPage:true, trigger:"click" });</script><!--banner結束--> <!--content開始--><div class="content"> <p class="p_tit1">走進南寧</p> <ul class="ul_jishu clearfix"><li class="fl"><a href="template/introduce.html"><img src="images/pic_1.jpg" width="291" height="126" alt="" title=""></a><p><a href="template/introduce.html">南寧簡介</a>南寧，簡稱“邕”，是廣西壯族自治區首府，全區政治、經濟、交通、科教文衛、金融和信息中心，是中國面向東盟開放合作的前沿城市、中國—東盟博覽會永久舉辦地、北部灣經濟區核心城市、國家“一帶一路”有機銜接的重要門戶城市。 </p></li><li class="fl ml20"><a href="template/Culture.html"><img src="images/pic_2.jpg" width="291" height="126" alt="" title=""></a><p><a href="template/Culture.html">南寧文化</a></li><li><div class="pic"><img src="images/201410301614494319.jpg" width="231" height="151" /></div></li><li><div class="pic"><img src="images/201410301615449632.jpg" width="231" height="151" /></div></li></ul></div></div><!--為秀麗南寧模塊圖片向左滾到--> <script type="text/javascript">jQuery(".picScroll-left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:4,trigger:"click"});</script></div></div><!--content 結束--> </div><!--footer開始--><div class="footer"> <p><a href="index.html">首頁</a> | <a href="template/historic.html">歷史</a> | <a href="template/beautiful.html">風景</a> | <a href="template/tourism.html">旅游</a> | <a href="template/delicacy.html">美食</a> | <a href="template/new.html">動態</a> | <a href="template/leave.html">旅游</a>| <a href="template/connection.html">聯系我們</a></p><p>Copyright © 2015－2016 All Rights Reserved 版權所有 XXXXXXXXXXXXXXXXXX</p><p>地址：XXXXXXXXXXXXXXXXXX 來源:<a href="http://www.mycodes.net/" target="_blank">源碼之家</a> </p></div><!--footer 結束--> </body></html>四、獲取更多源碼
~ 關注我，點贊博文~ 每天帶你漲知識!
相關問題可以相互學習，可關注↓公Z號 獲取更多源碼
總結
以上是生活随笔為你收集整理的静态HTML网页设计作品我的家乡网站设计——我的家乡-绿城之都-南宁(9页) HTML+CSS+JavaScript 大学生简单个人静态HTML网页设计作品的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 百度搜索中url的参数解析
- 下一篇： gradle idea java ssm