<!DOCTYPE html>
<html lang="en">
<head>
<title>Album</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.6.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/Josefin_Sans_400.font.js"></script>
<script type="text/javascript" src="js/Tangerine_700.font.js"></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/tabs.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">
.aToolTip, .box1, .box1 .inner, .button, .button strong {behavior:url(js/PIE.htc)}
</style>
<![endif]-->
<!--[if lt IE 7]>
<div style='clear:both;text-align:center;position:relative'>
<a href="http//www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http//www.theie6countdown.com/images/upgrade.jpg" border="0" alt="" /></a>
</div>
<![endif]-->
</head>
<body id="page5" class="tabs">
<div class="body1">
<div class="main">
<!-- header -->
<header>
<div class="wrapper">
<ul id="icons">
<li><a href="#" class="normaltip" title="Facebook"><img src="images/icon1.png" alt=""></a></li>
<li><a href="#" class="normaltip" title="Twitter"><img src="images/icon2.png" alt=""></a></li>
<li><a href="#" class="normaltip" title="Linkedin"><img src="images/icon3.png" alt=""></a></li>
</ul>
</div>
<div class="wrapper">
<h1><a href="index.html" id="logo"></a></h1>
<nav>
<ul id="menu">
<li class="first"><a href="index.html">Home </a></li>
<li><a href="Lisa.html">Lisa</a></li>
<li><a href="Tom.html">Tom</a></li>
<li><a href="Links.html">Links </a></li>
<li id="menu_active"><a href="Album.html">Album</a></li>
<li><a href="Contacts.html">Contacts</a></li>
</ul>
</nav>
</div>
<div class="tab-content" id="album1">
<div class="slider_box">
<div class="slider">
<img src="images/img2.jpg" alt="" title="">
<img src="images/img3.jpg" alt="" title="">
<img src="images/img5.jpg" alt="" title="">
</div>
</div>
</div>
<div class="tab-content" id="album2">
<div class="slider_box">
<div class="slider">
<img src="images/img5.jpg" alt="" title="">
<img src="images/img1.jpg" alt="" title="">
<img src="images/img2.jpg" alt="" title="">
<img src="images/img3.jpg" alt="" title="">
</div>
</div>
</div>
<div class="tab-content" id="album3">
<div class="slider_box">
<div class="slider">
<img src="images/img4.jpg" alt="" title="">
<img src="images/img5.jpg" alt="" title="">
<img src="images/img1.jpg" alt="" title="">
<img src="images/img2.jpg" alt="" title="">
<img src="images/img4.jpg" alt="" title="">
<img src="images/img3.jpg" alt="" title="">
<img src="images/img1.jpg" alt="" title="">
<img src="images/img2.jpg" alt="" title="">
<img src="images/img3.jpg" alt="" title="">
</div>
</div>
</div>
<div class="tab-content" id="album4">
<div class="slider_box">
<div class="slider">
<img src="images/img3.jpg" alt="" title="">
<img src="images/img4.jpg" alt="" title="">
<img src="images/img5.jpg" alt="" title="">
<img src="images/img1.jpg" alt="" title="">
<img src="images/img2.jpg" alt="" title="">
<img src="images/img4.jpg" alt="" title="">
<img src="images/img5.jpg" alt="" title="">
</div>
</div>
</div>
<div class="tab-content" id="album5">
<div class="slider_box">
<div class="slider">
<img src="images/img1.jpg" alt="" title="">
<img src="images/img2.jpg" alt="" title="">
<img src="images/img3.jpg" alt="" title="">
<img src="images/img4.jpg" alt="" title="">
<img src="images/img5.jpg" alt="" title="">
</div>
</div>
</div>
<div class="tab-content" id="album6">
<div class="slider_box">
<div class="slider">
<img src="images/img3.jpg" alt="" title="">
<img src="images/img4.jpg" alt="" title="">
<img src="images/img2.jpg" alt="" title="">
</div>
</div>
</div>
</header><div class="ic">More Website Templates @ TemplateMonster.com - August 8th 2011!</div>
<!-- / header -->
</div>
</div>
<div class="body3">
<div class="main">
<!-- content -->
<article id="content">
<div class="wrapper">
<div class="pad">
<h2>Photo <span>Albums</span></h2>
<div class="wrapper">
<ul class="nav">
<li>
<a href="#album1">
<img src="images/page5_img1.jpg" alt="">
Sed ut perspiciatis
</a>
</li>
<li class="pad_left2">
<a href="#album2">
<img src="images/page5_img2.jpg" alt="">
Iste natus error sit
</a>
</li>
<li class="pad_left2">
<a href="#album3">
<img src="images/page5_img3.jpg" alt="">
Totam rem aperiam
</a>
</li>
<li>
<a href="#album4">
<img src="images/page5_img4.jpg" alt="">
Eaque ipsa quae
</a>
</li>
<li class="pad_left2 selected">
<a href="#album5">
<img src="images/page5_img5.jpg" alt="">
Nemo enim ipsam
</a>
</li>
<li class="pad_left2">
<a href="#album6">
<img src="images/page5_img6.jpg" alt="">
Voluptas sit aspernatur
</a>
</li>
</ul>
</div>
</div>
</div>
</article>
<!-- content / -->
</div>
</div>
<div class="body2">
<div class="main">
<!-- footer -->
<footer>
Website Template by TemplateMonster.com | <a href="http//www.html5xcss3.com">Html5xcss3.com</a><br>
</footer>
<!-- / footer -->
</div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
<script type="text/javascript">
$(window).load(function() {
$('.slider').nivoSlider({
effect:'fold', //Specify sets like: 'fold,fade,sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft'
slices:17,
animSpeed:500,
pauseTime: 999999999,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:false, //Only show on hover
controlNav:true, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:1, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){Cufon.refresh();},
slideshowEnd: function(){} //Triggers after all slides have been shown
});
});
$(document).ready(function() {
tabs.init();
});
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
非响应式浅蓝花纹婚纱网站.zip
共55个文件
jpg:19个
png:10个
js:10个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 138 浏览量
2021-09-24
18:43:31
上传
评论
收藏 1.84MB ZIP 举报
温馨提示
非响应式浅蓝花纹婚纱网站.zip
资源推荐
资源详情
资源评论
收起资源包目录
非响应式浅蓝花纹婚纱网站.zip (55个子文件)
css
reset.css 936B
layout.css 690B
style.css 6KB
Contacts.html 6KB
Album.html 8KB
Links.html 7KB
images
page1_img1.jpg 13KB
marker_left.gif 740B
bg_top2.jpg 46KB
bg_footer.png 494B
menu_bg.png 17KB
img5.jpg 200KB
bg_footer.jpg 37KB
scroll_drag.gif 306B
bg_button.gif 161B
bg_slider.png 4KB
bg_pagination.png 407B
scroll_track.gif 49B
page5_img6.jpg 40KB
logo.png 3KB
page5_img5.jpg 41KB
page2_img1.jpg 49KB
img4.jpg 208KB
page5_img1.jpg 47KB
img1.jpg 214KB
page5_img4.jpg 42KB
box_bg.gif 124B
page5_img2.jpg 38KB
icon1.png 2KB
bg_top.jpg 157KB
menu_line.png 214B
marker_right.gif 739B
page1_img2.jpg 18KB
img2.jpg 250KB
tooltip_bg.png 174B
page3_img1.jpg 53KB
bg.jpg 40KB
icon2.png 2KB
page5_img3.jpg 40KB
img3.jpg 228KB
icon3.png 3KB
js
tabs.js 929B
jquery-1.6.js 89KB
PIE.htc 28KB
html5.js 1KB
script.js 123B
cufon-yui.js 18KB
Tangerine_700.font.js 52KB
atooltip.jquery.js 4KB
jquery.nivo.slider.pack.js 12KB
Josefin_Sans_400.font.js 35KB
cufon-replace.js 195B
index.html 7KB
Lisa.html 6KB
Tom.html 6KB
共 55 条
- 1
资源评论
等天晴i
- 粉丝: 3521
- 资源: 10万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功