<!DOCTYPE HTML>
<html>
<head>
<title>首页</title>
<meta charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/fwslider.css" media="all">
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<script src="js/fwslider.js"></script>
<script type="text/javascript" src="js/jquery-hover-effect.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(function() {
jQuery('ul.da-thumbs > li').hoverdir();
});
});
</script>
<!-- Add fancyBox main JS and CSS files -->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
<!--nav-->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:10000;
left: 315px;
top: 1464px;
}
-->
</style>
</head>
<body>
<div class="header_bg">
<div class="wrap">
<div class="header">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
<div class="cssmenu">
<ul>
<li class="active"><a href="index.html">首页</a></li>
<li><a href="wdjj.html">我的简介</a></li>
<li><a href="sthd.html">我的爱好</a></li>
<li><a href="yjfx.html">我的生活</a></li>
<li><a href="wdxx.html">我的学校</a></li>
<li><a href="wdjx.html">我的家乡</a></li>
<li class="last"><a href="sqrs.html">给我留言</a></li>
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
<div class="top-nav">
<nav class="clearfix">
<ul>
<li class="active"><a href="index.html">首页</a></li>
<li><a href="wdjj.html">我的简介</a></li>
<li><a href="sthd.html">我的爱好</a></li>
<li><a href="yjfx.html">我的生活</a></li>
<li><a href="wdxx.html">我的学校</a></li>
<li><a href="wdjx.html">我的家乡</a></li>
<li class="last"><a href="sqrs.html">给我留言</a></li>
</ul>
<a href="#" id="pull">Menu</a>
</nav>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div id="fwslider">
<div class="slider_container">
<div class="slide">
<img src="images/slider1.jpg">
</div>
<div class="slide">
<img src="images/slider2.jpg">
</div>
<div class="slide">
<img src="images/slider3.jpg">
</div>
<div class="slide">
<img src="images/slider4.jpg">
</div>
</div>
<div class="timers"></div>
<div class="slidePrev"><span></span></div>
<div class="slideNext"><span></span></div>
</div>
<div class="main_bg">
<div class="wrap">
<div class="grids_1_of_3">
<div class="grid_1_of_3 images_1_of_3">
<img src="images/1.jpg" alt="" />
</div>
<div class="grid_1_of_3 images_1_of_3">
<img src="images/2.jpg" alt="" />
</div>
<div class="grid_1_of_3 images_1_of_3">
<img src="images/3.jpg" alt="" />
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div >
<div class="btm_grid_bg">
<div class="wrap">
<div class="btm_grid">
<h2>我的爱好-旅行</h2>
<div class="span_of_3">
<div class="span1_of_3">
<a href="sthd.html"><img src="images/4.jpg" alt=""/></a>
<a><h3>茶卡盐湖</h3></a>
<h4 class="divider"></h4>
<p>茶卡盐湖也叫茶卡或达布逊淖尔,“茶卡”是藏语,意即盐池,也就是青海的盐;“达布逊淖尔”是蒙古语,也是盐湖之意。
茶卡盐湖位于青海省海西蒙古族藏族自治州乌兰县茶卡镇附近。地理坐标为东经99°02′~99°02′,北纬36°18′~36°45′。 在茶卡盆地的南面有鄂拉山,北面青海南山,与青海湖相隔;盆地东西长80km,宽30km,面积2400k㎡。茶卡盐湖位于茶卡盆地的西部,长15.8km,宽9.2km,面积154k㎡,湖面海拔3059m;盐湖的边缘呈放射状展布的茶卡河、莫河、小察汗乌苏河等河水入湖,在湖区东部泉水发育,以地下水的形式补给茶卡盐湖湖盆。</p>
</div>
<div class="span1_of_3">
<a href="sthd.html"><img src="images/5.jpg" alt=""/>
<a><h3>丹霞地质公园</h3></a>
<h4 class="divider"></h4>
<p>丹霞地质公园地处祁连山北麓,位于甘肃省张掖市临泽县城以南30公里,是中国丹霞地貌发育最大最好、地貌造型最丰富的地区之—,具有很高的科考和旅游观赏价值。2005年11月由中国地理杂志社与全国34家媒体联合举办的“中国最美的地方”评选活动中,当选为“中国最美的七大丹霞”之—。2015年被全国多家知名网站评选为全球25个梦幻旅行地。冰沟景区主要分布在张掖市肃南县康乐乡、白银乡地段。彩色丘陵景区主要分布在临泽县倪家营乡。分布面积约536平方公里,东距张掖市区30公里,北距临泽县城20公里海拔高度2000一3 800米。</p>
</div>
<div class="span1_of_3">
<a href="sthd.html"><img src="images/6.jpg" alt=""/>
<a><h3>拉脊山</h3></a>
<h4 class="divider"></h4>
<p>拉脊山也称为拉鸡山、积石山、唐述山等,位于中国青海省祁连山脉东段。山体两翼明显不对称,北翼湟水谷地南侧切割较浅;南翼黄河谷地北侧切割深,较陡峻。山体中下部覆盖黄土,第三系红层出露比较广泛。在流水作用侵蚀下,黄土分布区水土流失严重,地表显得破碎,黄土地貌发育较典型,并时有滑坡发生。拉脊山曾称小积石山或唐述山。位于湟水和黄河干流之间,西起干子河口,东到青海省界。长260公里,宽20-40公里,山峰多在海拔4.000-4 500米之间,最高峰野牛山海拔4 832米。
由于水系切割已形成很多山口。</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="footer_bg">
<div class="wrap">
<div class="footer">
<div class="footer_btm">
<div class="copy">
<p class="w3-link">ROCKY 19软件XXX</p>
</div>
</div>
</div>
</div>
</div>
<embed src="music/1.mp3" width="0" height="0" hidden="true" autostart="true" loop="true"></embed>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
静态网页课程设计-个人简介(HTML+CSS+JavaScript)
共52个文件
jpg:25个
html:10个
png:6个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 123 浏览量
2024-01-04
10:17:39
上传
评论
收藏 16.27MB RAR 举报
温馨提示
使用技术:HTML+CSS+JS 主要内容:对个人兴趣、爱好、学校、家乡的展示,修改图片和文字即可改成适合自己的。 适用人群:需要用来学习使用和提交期末作业的学生。 拿来即用,只需对课程报告学号姓名等信息稍作修改即可,代码不用做任何修改。 效果观看:https://www.bilibili.com/video/BV1Gt4y1Z7Fx/?spm_id_from=333.999.0.0
资源推荐
资源详情
资源评论
收起资源包目录
个人简介网站.rar (52个子文件)
个人简介网站
yjfx2.html 2KB
sthd.html 5KB
js
jquery-ui.min.js 232KB
jquery.magnific-popup.js 45KB
jquery-hover-effect.js 4KB
fwslider.js 9KB
css3-mediaqueries.js 16KB
jquery.min.js 91KB
yjfx1.html 2KB
wdjj.html 4KB
css
fwslider.css 3KB
style.css 28KB
magnific-popup.css 9KB
wdxx.html 6KB
wdjx.html 6KB
index.html 7KB
images
2.jpg 72KB
slider3.jpg 248KB
6.jpg 128KB
logo.png 4KB
1.jpg 66KB
17.jpg 185KB
57.jpg 2.92MB
slider4.jpg 359KB
52.jpg 21KB
logo.psd 48KB
58.jpg 2.12MB
arrows.png 655B
5.jpg 142KB
50.jpg 12KB
54.jpg 2.64MB
61.jpg 84KB
slider2.jpg 301KB
zoom_icon.png 244B
56.jpg 2.06MB
18.jpg 173KB
arrows.psd 47KB
image_hover.png 102B
link_post_icon.png 104B
59.jpg 150KB
60.jpg 77KB
bg2.jpg 18KB
slider1.jpg 122KB
3.jpg 112KB
53.jpg 2.06MB
51.jpg 35KB
55.jpg 2.12MB
4.jpg 98KB
nav-icon.png 234B
wdxx1.html 2KB
yjfx.html 2KB
sqrs.html 3KB
共 52 条
- 1
资源评论
爱吃雪糕的小布丁
- 粉丝: 1w+
- 资源: 137
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- STM8L101F3P6单片机+CC1100模块433M遥控器设计硬件(原理图+PCB)工程文件.zip
- 上传下载铁人下载系统 Liuxing 1.0-liuxing1.0.rar
- 南京邮电大学数学实验实力雄厚,凭借其优秀的师资力量、丰富的实践教学资源和卓越的科研成果,成为国内一流的数学实验教学和科研基地
- 【火爆朋友圈的今天吃什么源码 v1.0】随机的为用户带来每一天的用餐选择和推荐.rar
- MPU6050中文版数据手册
- 上传下载手机电影下载-mobiledy.rar
- 响应式旅游网站源码下载 马尔代夫旅游网站.rar
- CMS小涴熊漫画连载系统漫画网站源码 带采集API.rar
- 福袋点点.apk
- 基于STM32的电子秤采用0.96寸OLED显示UI界面源码.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功