<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Theyalow Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--//fonts-->
<link rel="stylesheet" href="css/jquery.ui.slider.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/more.css" type="text/css" media="screen"/>
<!---- animated-css ---->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!---- animated-css ---->
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li><a href="about.html" class="scroll"><span> </span> ABOUT US</a></li>
<li><a href="services.html" class="scroll"> <span class="service"> </span>SERVICES</a></li>
<li><a href="contact.html" class="scroll"><span class="mail"> </span>CONTACT</a></li>
</ul>
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(300, function(){
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
<!--banner-->
<div class="banner wow bounceIn" data-wow-delay="0.4s">
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<div class="container">
<div class="parrot" >
<iframe src="http://h2design.taobao.com/?video/11960893" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<h2 class="cool"><span>The cool</span> The minimal</h2>
<div class="clearfix"> </div>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<div class="container">
<div class="parrot" >
<iframe src="http://h2design.taobao.com/?video/101577550" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<h2 class="cool"><span>The simple</span> The text</h2>
<div class="clearfix"> </div>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<div class="container">
<div class="parrot" >
<iframe src="http://h2design.taobao.com/?video/11960893" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<h2 class="cool"><span>The cool</span> The minimal</h2>
<div class="clearfix"> </div>
</div>
</div>
</article>
</div>
</div>
<!---->
<script src="js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider({
pagination : false,
});
</script>
</div>
</div>
<!--content-->
<div class="content">
<div class="free ">
<div class="container">
<div class="col-md-4 design wow bounceIn" data-wow-delay="0.4s">
<a href="single.html"><img src="images/arrow.png" alt="" /></a>
<span>better design</span>
</div>
<div class="col-md-4 design wow bounceIn" data-wow-delay="0.4s">
<a href="single.html"><img src="images/leaf.png" alt="" /></a>
<span>customise</span>
</div>
<div class="col-md-4 design wow bounceIn" data-wow-delay="0.4s">
<a href="single.html"><img src="images/arr.png" alt="" /></a>
<span>it's better</span>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---->
<div class="men ">
<div class="wall wow bounceIn" data-wow-delay="0.4s">
<div id="pg_container" class="pg_container">
<ul id="pg_photos" class="pg_photos"><!-- calculate top-->
<li><a href="#1"><img class="img-responsive" src="images/sc.jpg" alt=""/></a></li>
<li><a href="#2"><img class="img-responsive" src="images/sc1.jpg" alt=""/></a></li>
<li><a href="#3"><img class="img-responsive" src="images/sc2.jpg" alt=""/></a></li>
<li><a href="#4"><img class="img-responsive" src="images/sc3.jpg" alt=""/></a></li>
<li><a href="#5"><img class="img-responsive" src="images/sc1.jpg" alt=""/></a></li>
<li><a href="#6"><img class="img-responsive" src="images/sc.jpg" alt=""/></a></li>
<li><a href="#7"><img class="img-responsive" src="images/sc2.jpg" alt=""/></a></li>
<li><a href="#8"><img class="img-responsive" src="images/sc3.jpg" alt=""/></a></li>
<li><a href="#9"><img class="img-responsive" src="images/sc.jpg" alt=""/></a></li>
<li><a href="#10"><img class="img-responsive" src="images/sc1.jpg" alt=""/></a></li>
</ul>
</div>
</div>
<div class="container">
<div class="winner">
<div id="pg_scrollWrapper" class="pg_scrollWrapper">
<div id="slider" class="slider"></div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript">
/*
the images preload plugin
*/
(function($) {
$.fn.preload = function(options) {
var opts = $.extend({}, $.fn.preload.defaults, options);
o = $.meta ? $.extend({}, opts, this.data()) : opts;
var c = this.length,
l = 0;
return this.each(function() {
var $i = $(this);
$('<img/>').load(function(i){
++l;
if(l == c) o.onComplete();
}).attr('src',$i.attr('src'));
});
};
$.fn.preload.defaults = {
onComplete : function(){return false;}
};
})(jQuery);
</script>
<script type="text/javascript">
/*
the thumbnail slider plugin
*/
(function($) {
var methods = {
init : function(options) {
var opts = $.extend({}, $.fn.thumbnailSlider.defaults, options);
return this.each(function() {
var $this = $(this),
o = $.meta ? $.extend({}, opts, $pxs_container.data()) : opts;
var $ts_container = $this.children('.ts_container'),
$ts_thumbnails = $ts_container.children('.ts_thumbnails'),
$nav_elems = $ts_container.children('li').not($ts_thumbnails),
total_elems = $nav_elems.length,
$ts_preview_wrapper = $ts_thumbnails.children('.ts_preview_wrapper'),
$arrow = $ts_thumbnails.children('span'),
$ts_preview = $ts_preview_wrapper.children('.ts_preview');
/*
calculate sizes for $ts_thumbnails:
width -> width thumbnail + border (2*5)
height -> height thumbnail + border + triangle height(6)
top -> -(height plus margin of 5)
left -> leftDot - 0.5*width + 0.5*widthNavDot
this will be set when hovering the nav,
and the default value will correspond to
182国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip
60 浏览量
2023-08-03
11:07:56
上传
评论
收藏 1.44MB ZIP 举报
182国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip （39个子文件） 
182 js 
jquery-ui.min.js 194KB jquery.wmuSlider.js 12KB wow.min.js 5KB jquery.min.js 84KB css style.css 19KB more.css 2KB jquery.ui.slider.css 1KB animate.css 67KB bootstrap.css 118KB
services.html 7KB index.html 19KB contact.html 5KB about.html 4KB single.html 6KB images 
co.png 21KB dot.png 3KB tw.png 6KB
s1.jpg 139KB s2.jpg 95KB arrow.png 4KB menu.png 3KB banner.jpg 96KB logo.png 10KB zoom.png 6KB sc2.jpg 112KB banner3.jpg 46KB sc3.jpg 99KB sc1.jpg 167KB nav.png 3KB banner1.jpg 18KB img-sprite.png 13KB sc.jpg 126KB arr.png 5KB logo-1.png 8KB s3.jpg 137KB leaf.png 5KB ab.jpg 122KB banner2.jpg 51KB s4.jpg 139KB资源评论
2301_76429513
- 粉丝: 9
- 资源: 6730
