<!DOCTYPE html>
<html lang="en">
<head>
<title>30174 template preview</title>
<meta charset="utf-8">
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/FuturisExtra_400.font.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
// We only want these styles applied when javascript is enabled
$('div.navigation').css({'width' : '701px', 'float' : 'left'});
$('div.content-gallery').css('display', 'block');
// Initially set opacity on thumbs and add
// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.67;
$('#thumbs ul.thumbs li').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 1.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});
// Initialize Advanced Galleriffic Gallery
var gallery = $('#thumbs').galleriffic({
delay: 2500,
numThumbs: 3,
preloadAhead: 3,
enableTopPager: true,
enableBottomPager: true,
maxPagesToShow: 7,
imageContainerSel: '#slideshow',
controlsContainerSel: '#controls',
captionContainerSel: '#caption',
loadingContainerSel: '#loading',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Play Slideshow',
pauseLinkText: 'Pause Slideshow',
prevLinkText: 'previous',
nextLinkText: 'next',
nextPageLinkText: 'Next ›',
prevPageLinkText: '‹ Prev',
enableHistory: false,
autoStart: false,
syncTransitions: true,
defaultTransitionDuration: 900,
onSlideChange: function(prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
},
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
}
});
});
</script>
<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
<!--[if lt IE 7]>
<script type="text/javascript" src="js/ie_png.js"></script>
<script type="text/javascript">
ie_png.fix('.png, #twitter, .carousel-box button.prev, .carousel-box button.next, div.nav-controls a.prev, div.nav-controls a.next');
</script>
<link href="css/ie/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page4">
<div id="tail-top-right"></div>
<div id="main-tail-ver">
<div id="main-tail-top">
<div id="main-bg-top">
<div id="main">
<!-- header -->
<div id="header-bg">
<header>
<h1><a href="index.html"><span>webstudio</span></a></h1>
<a href="#" id="twitter"></a> <strong>need good idea? no standard designs!</strong> </header>
</div>
<!-- content -->
<div id="content-bg">
<section id="content">
<div id="indent">
<div class="wrapper">
<article id="column-left">
<nav>
<ul>
<li><a href="index.html">home</a></li>
<li><a href="index-1.html">about</a></li>
<li><a href="index-2.html">services</a></li>
<li class="act"><a href="index-3.html">portfolio</a></li>
<li><a href="index-4.html">blog</a></li>
<li><a href="index-5.html">contacts</a></li>
</ul>
</nav>
<div id="phone">1-800 <span>123 45 67</span></div>
</article>
<article id="column-right">
<div class="content-box">
<div class="tail">
<div class="top">
<div class="bot">
<div class="inner">
<div class="wrapper-1">
<h2>Featured Works</h2>
<!-- Start Advanced Gallery Html Containers -->
<div id="gallery" class="content-gallery">
<div class="wrapper">
<div class="slideshow-container">
<div id="loading" class="loader"></div>
<div id="slideshow" class="slideshow"></div>
</div>
<div id="caption" class="caption-container"></div>
</div>
</div>
<div class="wrapper">
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
<li> <a class="thumb" name="leaf" href="images/gal-1-big.jpg" title="Title #0"> <img alt="" src="images/gal-1.jpg" /> </a>
<div class="caption">
<div class="work-caption">Project Name</div>
<h3><a href="#">Adipiscing elit praesent vestibulum</a></h3>
<div class="image-desc">
<p>Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada.</p>
<ul>
<li><a href="#">Visit Website</a></li>
<li><a href="#">View Large Preview</a></li>
<li><a href="#">Add to Delicious</a></li>
<li><a href="#">Tweet This</a></li>
<li><a href="#">Share on Facebook</a></li>
</ul>
</div>
</div>
</li>
<li> <a class="thumb" name="leaf" href="images/gal-2-big.jpg" title="Title #0"> <img alt="" src="images/gal-2.jpg" /> </a>
<div class="caption">
<div class="work-caption">Project Name</div>
<h3><a href="#">Elit adipiscing praesent vestibulum</a></h3>
<div class="image-desc">
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
608web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip (67个子文件)
608
index-1.html 8KB
js
html5.js 1KB
ie_png.js 10KB
cufon-yui.js 18KB
jquery-1.4.2.min.js 70KB
FuturisExtra_400.font.js 40KB
jquery.galleriffic.js 32KB
jquery.opacityrollover.js 937B
jcarousellite.js 5KB
cufon-replace.js 116B
1.jpg 132KB
index-6.html 9KB
网页设计工作室CSS+Xhtml+js
index-3.html 17KB
css
style.css 19KB
layout.css 671B
reset.css 999B
ie
ie6.css 140B
images
pagination-bg.gif 169B
loader.gif 169B
index-4.html 12KB
index-2.html 9KB
index.html 8KB
index-5.html 10KB
images
content-bot.gif 322B
gal-4.jpg 65KB
main-bg-top.jpg 65KB
menu-act.gif 225B
gal-1.jpg 58KB
gallery-2.jpg 40KB
tail-top-right.gif 237B
logo.gif 3KB
gallery-1.jpg 78KB
gal-3.jpg 60KB
marker.gif 49B
main-tail-top.gif 149B
content-top.gif 258B
2page-img1.jpg 48KB
content-tail.gif 74B
gallery-5.jpg 48KB
button-prev.png 2KB
subscribe-submit.gif 589B
search-submit1.gif 284B
gal-3-big.jpg 188KB
gal-4-big.jpg 196KB
main-tail-ver.gif 189B
gal-5-big.jpg 211KB
gal-1-big.jpg 201KB
gallery-8.jpg 37KB
3page-img3.jpg 44KB
gal-2-big.jpg 248KB
twitter.png 5KB
gallery-7.jpg 55KB
gallery-9.jpg 54KB
3page-img2.jpg 54KB
title-tail.gif 44B
gallery-4.jpg 60KB
gallery-6.jpg 51KB
gal-5.jpg 71KB
gallery-3.jpg 64KB
6page-img1.jpg 50KB
gal-6.jpg 63KB
phone.gif 1KB
button-next.png 2KB
gal-6-big.jpg 176KB
gal-2.jpg 65KB
3page-img1.jpg 42KB
footer-tail.gif 56B
共 67 条
- 1
资源评论
2201_75761617
- 粉丝: 20
- 资源: 7339
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功