<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery多功能网站幻灯片 - 网页模板</title>
<link rel="stylesheet" href="css/all.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" id="core_seven_style-css" href="css/sevenslider.css" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="js/jquery.seven.min.js"></script>
<script type="text/javascript" src="js/jquery.reference.js"></script>
</head>
<body>
<div id="wrapper">
<div id="main" style="overflow:hidden !important;">
<div class="avada-row">
<div id="content" class="full-width">
<div id="post-105" class="post-105 page type-page status-publish hentry">
<div class="post-content">
<div class="wpb_row vc_row-fluid">
<div class="vc_span12 wpb_column column_container">
<div class="wpb_wrapper">
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
<div class="wpb_wrapper">
<link href="images/sapphire.css" rel="stylesheet" />
</div>
</div>
<div class="wpb_raw_code wpb_content_element wpb_raw_html">
<div class="wpb_wrapper">
<div class="seven_container" id="seven_container_sapphire" style="margin-top:-70px;">
<div id="seven_viewport" class="seven_viewport">
<div class="seven_slider">
<div class="seven_slide" data-animation="117" data-caption="The best friends" data-description="Lorem ipsum dolor sit amet, this is just demo text for showing purposses, Lorem ipsum dolor sit amet, this is just demo text for showing purposses, Lorem ipsum dolor sit amet, this is just demo text for showing purposses" image-src="images//10.jpg">
</div>
<div class="seven_slide" data-animation="42" data-caption="I want to be pilot" data-description="Lorem ipsum dolor sit amet, this is just demo text for showing purposses, Lorem ipsum dolor sit amet, this is just demo text for showing purposses, Lorem ipsum dolor sit amet, this is just demo text for showing purposses" image-src="images//11.jpg" video-src="http://player.vimeo.com/video/52123602?title=0&byline=0&portrait=0">
</div>
<div class="seven_slide" data-animation="78" data-caption="Welcome to the party" data-description="Lorem ipsum dolor sit amet, this is just demo text for showing purposses, Lorem ipsum dolor sit amet, this is just demo text for showing purposses, Lorem ipsum dolor sit amet, this is just demo text for showing purposses" data-link="http://www.moobnn.com" image-src="images//12.jpg" data-animation="1">
</div>
<div class="seven_slide" data-animation="260" data-caption="We are both happy" data-description="Lorem ipsum dolor sit amet, this is just demo text for showing purposses, Lorem ipsum dolor sit amet, this is just demo text for showing purposses, Lorem ipsum dolor sit amet, this is just demo text for showing purposses" image-src="images//13.jpg" video-src="http://player.vimeo.com/video/52123602?title=0&byline=0&portrait=0">
</div>
</div>
</div>
<a id="left_btn" class="seven_nav">
Previous Slide</a>
<a id="right_btn" class="seven_nav right_btn">
Next Slide</a></div>
</div>
</div>
</div>
</div>
</div>
<div class="wpb_row vc_row-fluid">
<div class="vc_span12 wpb_column column_container">
<div class="wpb_wrapper">
<script type="text/javascript" language="javascript">
$(document).ready(function(){var tb=$("#seven_container_sapphire").superseven({width:802,height:353,autoplay:false,interval:5,fullwidth:false,responsive:true,progressbar:true,swipe:true,keyboard:false,scrollmode:false,animation:300,navtype:1,repeat_mode:true,skin:'sapphire',lightbox:true,pause_on_hover:true,path:'images/'});});</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<link rel="stylesheet" id="js_composer_front-css" href="css/js_composer_front.css" type="text/css" media="screen" />
<div style="text-align:center;clear:both">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
jQuery多功能网站幻灯片.zip
版权申诉
101 浏览量
2022-11-20
22:07:57
上传
评论
收藏 1.2MB ZIP 举报
jQuery多功能网站幻灯片.zip （25个子文件） 
jQuery多功能网站幻灯片 
jQuery多功能网站幻灯片.jpg 106KB jiaoben1817 css 
sevenslider.css 9KB all.css 66KB js_composer_front.css 43KB style.css 71KB images img skin 
sapphire_shadow.png 20KB default_close.png 4KB t_default.png 4KB sapphire_switch.png 4KB sapphire.png 7KB c_sapphire.png 4KB sapphire_header.png 3KB play.png 4KB t_sapphire.png 4KB p_sapphire.png 4KB l_default.png 4KB 11.jpg 210KB 10.jpg 329KB 13.jpg 246KB sapphire.css 5KB 12.jpg 188KB
index.html 5KB js jquery.reference.js 214KB jquery.seven.min.js 56KB jquery-2.0.3.min.js 82KB资源评论
