静态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="data: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="data: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="data: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="data:images/201410301614494319.jpg" width="231" height="151" /></div></li><li><div class="pic"><img src="data: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网页设计作品相关推荐
- web网页设计与开发:个人明星介绍主题网站设计——张艺兴(10页) HTML+CSS+JavaScript 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 网页设计作业...
常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游 ...
- HTML5期末大作业:美食网页制作——餐饮料里(12页) HTML+CSS+JavaScript 大学生简单个人静态HTML网页设计作品 DIV布局个人介绍网页模板代码 DW学生个人网站制作成品下载
HTML5期末大作业:美食网页制作--餐饮料里(12页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 ...
- 使用html+css实现一个静态页面——我的家乡-杭州(7页) HTML+CSS+JavaScript 大学生家乡网页作品 老家网页设计作业模板 学生网页制作源代码下载
HTML5期末大作业:我的家乡网站设计--我的家乡-杭州(7页) HTML+CSS+JavaScript 大学生家乡网页作品 老家网页设计作业模板 学生网页制作源代码下载 常见网页设计作业题材有 个人 ...
- HTML+CSS静态页面网页设计作业——布偶猫(7页)带留言板 大学生简单个人静态HTML网页设计作品 DIV布局动物网页模板代码 DW学生个人网站制作成品下载
HTML5期末大作业:布偶猫网站设计--布偶猫(7页)带留言板 大学生简单个人静态HTML网页设计作品 DIV布局动物网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个人. 美食. ...
- HTML5期末大作业:布偶猫网站设计——布偶猫(7页)带留言板 大学生简单个人静态HTML网页设计作品 DIV布局动物网页模板代码 DW学生个人网站制作成品下载
HTML5期末大作业:布偶猫网站设计--布偶猫(7页)带留言板 大学生简单个人静态HTML网页设计作品 DIV布局动物网页模板代码 DW学生个人网站制作成品下载 常见网页设计作业题材有 个人. 美食. ...
- HTML5期末大作业:我的家乡——长治(8页) HTML+CSS+JavaScript 大学生DW网页设计作业成品 学生HTML个人网页作业作品下载 学生家乡网页设计模板下载
HTML5期末大作业:我的家乡--长治(8页) HTML+CSS+JavaScript 大学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人. ...
- HTML5期末大作业:京东网站设计——仿2016版京东首页(1页) HTML+CSS+JavaScript 大学生网页作品 电商网页设计作业模板 学生网页制作源代码下载
HTML5期末大作业:京东网站设计--仿2016版京东首页(1页) HTML+CSS+JavaScript 大学生网页作品 电商网页设计作业模板 学生网页制作源代码下载 常见网页设计作业题材有 个人. ...
- HTML5期末大作业:电影网站设计——电影我不是药神响应式页播(4页) HTML+CSS+JavaScript 大学生电影网页作品 影视网页设计作业模板 学生网页制作源代码下载
HTML5期末大作业:电影网站设计--电影我不是药神响应式页播(4页) HTML+CSS+JavaScript 大学生电影网页作品 影视网页设计作业模板 学生网页制作源代码下载 常见网页设计作业题材有 ...
- 网页设计作业`京东网站设计——仿2016版京东首页(1页) HTML+CSS+JavaScript 大学生网页作品 电商网页设计作业模板 学生网页制作源代码下载
HTML5期末大作业:京东网站设计--仿京东首页(1页) HTML+CSS+JavaScript 大学生网页作品 电商网页设计作业模板 学生网页制作源代码下载 文章目录 HTML5期末大作业:京东网站 ...
- HTML5期末大作业:化妆品商城网站设计——化妆品商城-功能齐全(43页) HTML+CSS+JavaScript web大作业 静态网页
HTML5期末大作业:化妆品商城网站设计--化妆品商城-功能齐全(43页) HTML+CSS+JavaScript web大作业 静态网页 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游 ...
最新文章
- POJ 1523 SPF 割点与桥的推断算法-Tarjan
- 绘制方法太单一!?这三个宝藏在线学习资源推荐给你~~
- 数据库:MySQL中,当update修改数据与原数据相同时会再次执行吗?
- 从CLR GC到CoreCLR GC看.NET Core为云而生
- .mvn 需要放git上吗_汽车行李架上可以放东西吗?放了东西可以跑高速吗?
- C语言学习笔记---数据拷贝函数memcpy()和memmove()函数
- 英语翻译:英汉翻译时的对应问题
- WOL局域网与外网远程唤醒概要
- java号码池_Java常量池详解
- 重整国家资产负债表的核心是谁来买单
- Altium_Designer17-PCB-如何重新定义板子大小
- 文具行业APS解决方案
- Android 的窗口管理系统 (View, Canvas, WindowManager)
- BUUCTF WEB PIAPIAPIA1
- 极光推送的简单实现方法
- 论文阅读_中文医学预训练模型_MC-BERT
- java(反射机制)
- Python -- 硬盘容量单位及网络速率单位换算
- Windows Server 2012 NIC Teaming 网卡绑定介绍及注意事项
- 阿里2015校园招聘广州站 面试经历