123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201 |
- <!DOCTYPE HTML>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta content="telephone=no" name="format-detection">
- <meta name="baidu-site-verification" content="QpfdfPmoBr" />
- <title>{$site_info['sitename']|default=''}</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
- <meta name="keywords" content="{$site_info['site_seo_keywords']}"/>
- <meta name="description" content="{$site_info['site_seo_description']}"/>
- <link rel="icon" href="/favicon.ico" type="image/x-icon">
- <link rel="stylesheet" type="text/css" href="__STATIC__/index/css/full_index.css" />
- <link rel="stylesheet" type="text/css" href="__STATIC__/index/css/jquery.fullPage.css" />
- </head>
- <body>
- <div id="fullpage">
- <!--固定导航-->
- <div class="menu">
- <div class="menu_center">
- <div class="sitename fl">
- {$site_info['sitename']|default=''}
- </div>
- <div class="menu_right fr">
- <ul>
- <li data-menuanchor="page1" class="active">
- <a href="#page1">下载演示</a>
- </Li>
- <li data-menuanchor="page2">
- <a href="#page2">关于我们</a>
- </Li>
- <!-- <li data-menuanchor="page3">
- <a href="#page3">第三页</a>
- </Li> -->
- </ul>
- </div>
- <div class="clearboth">
-
- </div>
- </div>
- </div>
-
-
- <!--page1-->
- <div class="section section1">
- <div class="section_center">
- <div class="section1_left fl">
- <!-- logo -->
- <div class="logo_img">
- <img src="__STATIC__/index/full_image/logo.png">
- </div>
- <!-- desc -->
- <div class="desc_img">
- <img src="__STATIC__/index/full_image/desc.png">
- </div>
- <!-- download -->
- <div class="download">
- <div class="ewm_area fl">
- <div class="ewm_img">
- <if condition="$site_info['qr_url_ios'] neq ''">
- <img src="{$site_info['qr_url_ios']}">
- <else />
- <img src="__STATIC__/index/full_image/ewm.png">
- </if>
-
- </div>
- <div class="ewm_download ios"></div>
- </div>
- <div class="ewm_area fr mr_20">
- <div class="ewm_img">
- <if condition="$site_info['qr_url'] neq ''">
- <img src="{$site_info['qr_url']}">
- <else />
- <img src="__STATIC__/index/full_image/ewm.png">
- </if>
- </div>
- <div class="ewm_download android"></div>
- </div>
- </div>
- </div>
- <div class="section1_right fr">
- <img src="__STATIC__/index/full_image/demo1.png">
- </div>
- <div class="clearboth"></div>
- </div>
- </div>
- <!--page2-->
- <div class="section section2">
- <div class="section2_left fl">
- <img src="__STATIC__/index/full_image/demo2.png">
- </div>
- <div class="section2_right fl">
- <div class="company_name">
- {$site_info['company_name']|default=''}
- </div>
- <div class="company_desc">
- {$site_info['company_desc']|default=''}
- </div>
- </div>
- <div class="clearboth"></div>
- <if condition="$site_info['copyright_url'] neq ''">
- <div class="copyright">
- <a href="{$site_info['copyright_url']}" target="_blank">{$site_info['copyright']|default=''}</a>
- </div>
- <else />
- <div class="copyright">
- {$site_info['copyright']|default=''}
- </div>
- </if>
- </div>
- <!--page3-->
- <!-- <div class="section">
- <div class="slide">第三屏的第一屏</div>
- <div class="slide">第三屏的第二屏</div>
- <div class="slide">第三屏的第三屏</div>
- <div class="slide">第三屏的第四屏</div>
- </div> -->
- <!--page4-->
- <!-- <div class="section">第四个页面</div> -->
-
- </div>
- <script type="text/javascript" src="__STATIC__/index/js/jquery-1.11.1.js"></script>
- <script type="text/javascript" src="__STATIC__/index/js/jquery.fullPage.js"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- $('#fullpage').fullpage({
-
- sectionsColor:['#FFF','#FFF'], //控制每个section的背景颜色
-
- controlArrow:true, //是否隐藏左右滑块的箭头(默认为true)
-
- verticalCentered: true, //内容是否垂直居中(默认为true)
-
- css3: true, //是否使用 CSS3 transforms 滚动(默认为false)
-
- resize:false, //字体是否随着窗口缩放而缩放(默认为false)
-
- scrolllingSpeed:1000, //滚动速度,单位为毫秒(默认为700)
-
- anchors:['page1','page2'], //定义锚链接(值不能和页面中任意的id或name相同,尤其是在ie下,定义时不需要加#)
- lockAnchors:false, //是否锁定锚链接,默认为false。设置为true时,锚链接anchors属性也没有效果。
-
- loopBottom:false, //滚动到最底部后是否滚回顶部(默认为false)
-
- loopTop:false, //滚动到最顶部后是否滚底部
-
- loopHorizontal:false,//左右滑块是否循环滑动
-
- autoScrolling:true, // 是否使用插件的滚动方式,如果选择 false,则会出现浏览器自带的滚动条
-
- scrollBar:false,//是否显示滚动条,为true是一滚动就是一整屏
-
- fixedElements:".logo", //固定元素
-
- menu:".menu",
-
- keyboardScrolling:true, //是否使用键盘方向键导航(默认为true)
-
- keyboardScrolling:true, //页面是否循环滚动(默认为false)
-
- navigation:true, //是否显示项目导航(默认为false)
-
- navigationTooltips:["下载演示","关于我们"],//项目导航的 tip
-
- navigationColor:'#fff', //项目导航的颜色
-
- slidesNavigation:true,
- afterLoad: function(anchorLink, index){
- if(index == 1){
- $('.menu_right li').find('a').css('color','#FFF');
- }
- if(index == 2){
- $('.menu_right li').find('a').css('color','#000');
- }
-
- },
-
- });
- });
- </script>
- </body>
- </html>
|