jQuery全..."></val> <val data-name="weixinShareImgUrl" data-value="https://static.oschina.net/uploads/space/2017/0928/162523_QP9e_3434432_thumb.png"></val> <val data-name="is_login" data-value="false"></val> <val data-name="hljs_js_url" data-value="/dist/www/vendor/highlight/9.5.0/highlight.js?t=1491729803000"></val> <val data-name="hljs_css_url" data-value="/build/www/vendor/highlight/9.4.0/styles/zenburn.css?t=1474299593000"></val> <val data-name="atwho_js_url" data-value="/dist/www/vendor/jquery.atwho/jquery.atwho.js?t=1491729803000"></val> <val data-name="atwho_css_url" data-value="/dist/www/vendor/jquery.atwho/jquery.atwho.css?t=1491729803000"></val> <val data-name="user_follow_url" data-value="/action/user/follow"></val> <val data-name="user_unfollow_url" data-value="/action/user/unfollow"></val> <link type="text/css" rel="stylesheet" href="/build/oschina/components/stylesheets/widget/comp-report.css?t=1505734447000"> <style> .hide { display: none; opacity: 0; } </style> <!-- content --> <div class="blog blog-article"> <div class="blog-head"> <style> .header-navbar{ width: 100%; min-width: 1200px; } .header-navbar .top-banner .menus .mayun { color: #F8E71C; position: relative; } .header-navbar .top-banner .menus #icon_mayun { font-size: 12px; line-height: 18px; position: absolute; top: 10px; width: 36px; margin-left: 4px; padding: 0 3px; text-align: center; color: #fff; border-radius: 2px; background: #c71d24; } .header-navbar .top-banner .menus #icon_mayun:after { position: absolute; left: 0; display: inline-block; width: 36px; height: 18px; content: ''; opacity: .6; background: url(/dist/www/imgs/flash.gif?t=1505734447000) center no-repeat; background-size: contain; } </style> <header class="header-navbar"> <div class="layout-flex top-banner"> <div class="flex-grow"> <a href="https://www.oschina.net/" class="osc-logo"></a> <div class="menus sm-hide"> <a class="menu-item" href="https://www.oschina.net/">首页</a> <div class="menu-item menu-drop"> <a href="https://www.oschina.net/project" class="project"> 开源项目 <i class="icon-svg icon-arr-down-white"></i> </a> <div class="menu-drop-down"> <ul class="drop-list"> <li><a href="https://www.oschina.net/project/zh">国产开源项目</a></li> <li><a href="https://www.oschina.net/project/tags">项目分类</a></li> <li><a href="https://www.oschina.net/project/list?sort=time">最新收录项目</a></li> <li class="split"></li> <li><a href="https://www.oschina.net/project/lang/19/java">Java 开源软件</a></li> <li><a href="https://www.oschina.net/project/lang/194/csharp">C# 开源软件</a></li> <li><a href="https://www.oschina.net/project/lang/22/php">PHP 开源软件</a></li> <li><a href="https://www.oschina.net/project/lang/21/c">C/C++ 开源软件</a></li> <li><a href="https://www.oschina.net/project/lang/26/ruby">Ruby 开源软件</a></li> <li><a href="https://www.oschina.net/project/lang/25/python">Python 开源软件</a></li> <li><a href="https://www.oschina.net/project/lang/358/go">Go开源软件</a></li> <li><a href="https://www.oschina.net/project/lang/28/javascript">JS开源软件</a></li> </ul> </div> </div> <div class="menu-item menu-drop"> <a href="https://www.oschina.net/question" class="question"> 问答 <i class="icon-svg icon-arr-down-white"></i> </a> <div class="menu-drop-down"> <ul class="drop-list"> <li><a href="https://www.oschina.net/question?catalog=1"> 技术问答</a></li> <li><a href="https://www.oschina.net/question?catalog=2"> 技术分享</a></li> <li><a href="https://www.oschina.net/question?catalog=3"> IT大杂烩</a></li> <li><a href="https://www.oschina.net/question?catalog=100"> 职业生涯</a></li> <li><a href="https://www.oschina.net/question?catalog=4"> 站务/建议</a></li> <li><a href="https://www.oschina.net/alipay"> 支付宝专区</a></li> <li><a href="https://www.oschina.net/mopaas"> MoPaaS专区</a></li> <li><a href="https://www.oschina.net/hardware"> 开源硬件专区</a></li> </ul> </div> </div> <a href="https://www.oschina.net/tweets" class="menu-item tweets">动弹</a> <a href="https://www.oschina.net/blog" class="menu-item blog">博客</a> <a href="https://www.oschina.net/translate" class="menu-item tran">翻译</a> <a href="https://www.oschina.net/news" class="menu-item news">资讯</a> <div class="menu-item menu-drop"> <a href="https://www.oschina.net/android" class="mobile"> 专题 <i class="icon-svg icon-arr-down-white"></i> </a> <div class="menu-drop-down"> <ul class="drop-list drop-list-inline"> <li><a href="https://www.oschina.net/event/ych" class="font-red">源创会</a> <a href="https://www.oschina.net/video">视频</a></li> <li><a href="https://www.oschina.net/question/tag/%E9%AB%98%E6%89%8B%E9%97%AE%E7%AD%94">高手问答</a> <a href="https://www.oschina.net/question/tag/%E5%BC%80%E6%BA%90%E8%AE%BF%E8%B0%88">访谈</a></li> <li><a href="https://my.oschina.net/editorial-story/blog">周刊</a> <a href="https://my.oschina.net/xxiaobian/blog">乱弹</a></li> <li><a href="https://www.oschina.net/company">公司开源导航页</a></li> </ul> <div class="split"></div> <ul class="drop-list mobile"> <li class="android"><a href="https://www.oschina.net/android">Android开发专区</a></li> <li class="ios"><a href="https://www.oschina.net/ios/home">iOS开发专区</a></li> <li class="ios"><a href="https://www.oschina.net/ios/codingList">iOS代码库</a></li> <li class="wp7"><a href="https://www.oschina.net/wp">Windows Phone</a></li> <li class="wp7"><a href="https://www.oschina.net/ibm">IBM开发专区</a></li> </ul> </div> </div> <a href="https://www.oschina.net/event" class="menu-item event">活动</a> <a href="https://job.oschina.net/" class="menu-item event">招聘</a> <a href="https://gitee.com?from=osc-index" target="_blank" class="menu-item event mayun">码云<span id="icon_mayun">特惠</span></a> </div> </div> <div class="user-bar"> <div class="user-info"> [ <a href='https://www.oschina.net/home/login?goto_page=https%3A%2F%2Fmy.oschina.net%2Fu%2F1994482%2Fblog%2F401892'>登录</a> | <a href='https://www.oschina.net/home/reg?goto_page=https%3A%2F%2Fmy.oschina.net%2Fu%2F1994482%2Fblog%2F401892'>注册</a> ] </div> </div> </div> </header> <!-- 此script用于百度统计工具--> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?a411c4d1664dd70048ee98afe7b28f0b"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <div class="blog-service"> <!-- 标题 --> <div class="blog-heading"> <div class="title"> jQuery全屏滚动插件fullPage </div> <div class="user-info"> <div class="name"> <a href="https://my.oschina.net/u/1994482/home" target="_blank">易水寒521</a> </div> <span class="text-gary time">发表于3年前</span> </div> </div> <!-- 赞、收藏、分享 --> <div class="operate"> <ul> <val data-name="isAllowBlogDonate" data-value="true"></val> <!-- 打賞 --> <li class="opr-btn-blog btn-reward-blog "> <a href="javascript:void(0);" data-popupbox-model="reward" class="btn" data-violet="reward"> <i class="icon-svg icon-reward-blog"></i> </a> </li> <!-- 点赞 --> <li class="opr-btn-blog btn-like-blog "> <a href="javascript:void(0);" class="btn" onclick="page.vote(401892);" data-violet="favor"> <i class="icon-svg icon-thumbs-o-up-blog"></i> </a> </li> <!-- 收藏 --> <li class="opr-btn-blog btn-favor-blog hover"> <a href="javascript:void(0);" class="btn " data-blogid="401892" data-blogtype="3" data-userid="" data-thispage="https://my.oschina.net/u/1994482/blog/401892"> <i class="icon-svg icon-star-blog"></i> </a> </li> <!-- 分享 --> <li class="opr-btn-blog btn-share-blog hover"> <a href="javascript:void(0);" class="btn"> <i class="icon-svg icon-share-o-blog"></i> </a> <div class="operate-dropdown share-dropdown"> <div class="bdsharebuttonbox"> <a href="#" class="bds_mshare" data-cmd="mshare" data-violet="share" title="分享到一键分享">一键分享</a> <a href="#" class="bds_qzone" data-cmd="qzone" data-violet="share" title="分享到QQ空间">QQ空间</a> <a href="#" class="bds_weixin" data-cmd="weixin" data-violet="share" title="分享到微信">微信</a> <a href="#" class="bds_tqq" data-cmd="tqq" data-violet="share" title="分享到腾讯微博">腾讯微博</a> <a href="#" class="bds_tsina" data-cmd="tsina" data-violet="share" title="分享到新浪微博">新浪微博</a> <a href="#" class="bds_sqq" data-cmd="sqq" data-violet="share" title="分享到QQ好友">QQ好友</a> <a href="#" class="bds_youdao" data-cmd="youdao" data-violet="share" title="分享到有道云笔记">有道云笔记</a> </div> <script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": ["mshare", "qzone", "tsina", "weixin", "tqq", "sqq"], "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {"bdSize": 16} }; with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = '/js/bdshare_api/share.js?t=1466497475000'];</script> </div> </li> </ul> </div> </div> </div> <div class="blog-detail"> <!-- 侧边栏-目录 --> <div class="blog-wrapper"> <div class="back-list"> <a href="https://www.oschina.net/blog" class="font-green">博客专区</a> > <a href="https://my.oschina.net/u/1994482/blog" class="font-green">易水寒521 的博客</a> > 博客详情 </div> </div> <!-- 广告 --> <div class="blog-title-ad"> <div class="blog-wrapper"> <div id="blog-title-ad" data-traceid="blog_ali" data-tracepid="blogup" style=""><a href="http://click.aliyun.com/m/8845/ " target="_blank" style="max-width:780px;"><!--<img src="https://static.oschina.net/uploads/space/2016/1208/124327_Ke03_2982602.jpg">--></a></div> <script> function success_jsonpCallback(data) { var obj = eval(data); if( obj.success ){ var contents = eval(obj.data[0].content); if(contents.length > 0){ var content = contents[0]; $('#blog-title-ad').prepend("<a href='"+ content.url +"' target='_blank' style='max-width:780px;'><img src='"+content.img+"'/></a>"); $('#blog-title-ad').show(); } }else { $('#blog-title-ad').hide(); } } window.addEventListener("load", function() { var url="https://promotion.aliyun.com/promotion/adv/getAliyunAdv.htm?cback=success_jsonpCallback&s=9cd174d9efd443e3982131f97b07e70f&p=page_1470989078421&pin=pos_1475239274174"; $.ajax({ type: 'POST', url: url, jsonp: "callback", dataType: 'jsonp', jsonpCallback: 'success_jsonpCallback', contentType: "application/json; charset=utf-8", success: function( response ) { // do in callback }, error:function(){ $('#blog-title-ad').hide(); } }); }, false); </script> </div> </div> <!-- 广告2.0 --> <div class="blog-wrapper"> <div class="blog-left-ad"> <div data-traceid="blog_left_1" data-tracepid="blog_left" style="position: absolute;top: 245px;left: -170px;"> <a href="http://cn.udacity.com/mlnd/?utm_source=blogbanner&utm_medium=OSChina&utm_campaign=MLND08" target="_blank"> <img src="https://static.oschina.net/uploads/space/2017/1019/163952_aNv0_2663968.png"> </a> </div> </div> </div> <div class="float-heading"> <div class="blog-wrapper"> <div class="layout-flex"> <div class="flex-grow"> <div class="heading">jQuery全屏滚动插件fullPage</div> <div class="data-info"> <a href="https://my.oschina.net/u/1994482/home" class="link-blue" target="_blank">易水寒521</a> 发表于3年前 </div> </div> <div class=""> <div class="opr-btn"> <div class="opr-btn-blog btn-reward-blog "> <a href="javascript:void(0)" data-popupbox-model="reward"> <i class="icon-svg icon-reward-blog"></i> </a> </div> <!-- 点赞 --> <div class="opr-btn-blog btn-like-blog "> <a href="javascript:void(0);" class="" onclick="page.vote(401892);"> <i class="icon-svg icon-thumbs-o-up-blog"></i> </a> </div> <!-- 收藏 --> <div class="opr-btn-blog btn-favor-blog hover"> <a href="javascript:void(0);" class=" " data-blogid="401892" data-blogtype="3" data-userid="" data-thispage="https://my.oschina.net/u/1994482/blog/401892"> <i class="icon-svg icon-star-blog"></i> </span> </a> </div> <!-- 分享 --> <div class="opr-btn-blog btn-share-blog hover"> <a href="javascript:void(0);" class=""> <i class="icon-svg icon-share-o-blog"></i> </a> <div class="operate-dropdown share-dropdown"> <span class="share-title">分享到:</span> <div class="bdsharebuttonbox"> <a href="#" class="bds_mshare" data-cmd="mshare" title="分享到一键分享">一键分享</a> <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">QQ空间</a> <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信">微信</a> <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博">腾讯微博</a> <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">新浪微博</a> <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友">QQ好友</a> <a href="#" class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记">有道云笔记</a> </div> <script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": ["mshare", "qzone", "tsina", "weixin", "tqq", "sqq"], "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {"bdSize": 16} }; with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = '/js/bdshare_api/share.js?t=1466497475000'];</script> </div> </div> </div> </div> </div> </div> </div> <!-- 文章内容 --> <div class="blog-content"> <!-- 标题 --> <div class="blog-heading"> <div class="title"> <span class="status-tag original" title="原创博客">原</span> jQuery全屏滚动插件fullPage </div> <div class="info-opr layout"> <div class="layout-right"> <!-- 收藏 --> <div class="opr-btn-blog btn-favor-blog favor hover"> <a href="javascript:void(0);" class=" btn btn-black-blog " data-blogid="401892" data-blogtype="3" data-userid="" data-thispage="https://my.oschina.net/u/1994482/blog/401892"> <i class="icon-svg icon-star-blog"></i> <span id="" class="operate_title"> 收藏 </span> </a> </div> </div> <div class="layout-column"> <div class="user-info"> <div class="name"> <a href="https://my.oschina.net/u/1994482/home" target="_blank">易水寒521</a> </div> </div> <div class="data-info text-gary"> <ul> <li class="time">发表于 <span id="">3年前</span> </li> <li class="read">阅读 <span id="read">23</span></li> <li class="favor">收藏 <span id="">0</span></li> <li class="vote">点赞 <span id="">0</span></li> <li class="comment"> <a href="#comment-list" data-href="#comment-list" class="link-blue"> 评论 <span id="comment">0</span> </a> </li> </ul> </div> </div> </div> </div> <!-- 文字链广告 --> <div style="margin-top: 20px;"> <p style="margin:0 0 10px 0;"><a data-traceid="blog_detail_above_text_link_1" data-tracepid="blog_detail_above_text_link" style="color:#A00;font-weight:bold;" href="https://cloud.tencent.com/solution/la?fromSource=gwzcw.485451.485451.485451 " target="_blank">腾讯云 十分钟定制你的第一个小程序>>> </a>  <img src="https://my.oschina.net/img/hot3.png" align="absmiddle" style="max-height: 32px; max-width: 32px;"></p> </div> <!-- 摘要 --> <!-- 正文 --> <div class="blog-body" id="blogBody"> <val data-name="blog_content_type" data-value="richtext"></val> <div class='BlogContent clearfix'> <p><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><html> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><head> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><meta charset="utf-8"> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><title>jQuery全屏滚动插件fullPage.js演示_dowebok</title> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><style> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">.wrap { width: 960px; margin: 0 auto; font: 14px Tahoma,Helvetica,Arial,"宋体";} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">p { text-align: center;} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">ul { margin: 0; padding: 0; list-style-type: none; overflow: hidden; zoom: 1;} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">li { float: left; width: 300px; margin: 20px 0 0 20px; display: inline;} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">ul a { float: left; width: 300px; height: 80px; line-height: 80px; color: #333; text-align: center; text-decoration: none; background-color: #eee;} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></style> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></head> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><body> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><h1 style="margin: 40px; font: 32px Microsoft Yahei; text-align: center;">jQuery全屏滚动插件fullPage.js演示</h1> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><div> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><p>fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站。</p> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><ul> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><li><a href="index2.html" target="_blank">基本演示</a></li> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><li><a href="index3.html" target="_blank">背景演示</a></li> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><li><a href="index4.html" target="_blank">循环演示</a></li> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><li><a href="index5.html" target="_blank">回调函数演示</a></li> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><li><a href="index6.html" target="_blank">绑定菜单演示</a></li> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><li><a href="index7.html" target="_blank">项目导航演示</a></li> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><li><a href="index8.html" target="_blank">iPhone 5C</a></li> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><li><a href="</span><a href="http://www.dowebok.com/demo/2014/78/" rel="nofollow">http://www.dowebok.com/demo/2014/78/</a><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">" target="_blank">百度百科史记2013</a></li> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></ul> </div> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><style> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">.menu { height: 30px; margin-bottom: 30px; padding: 10px; background-color: #f0f0f0; text-align: center;} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">.menu a { display: inline-block; height: 30px; padding: 0 20px; line-height: 30px; font-size: 14px; color: #333; text-decoration: none;} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">.menu a:hover { color: #000; background-color: #e9e9e9;} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">.menu .cur { background-color: #ddd !important; color: #000;} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">.vad { margin:80px 0 5px; font-family: arial,宋体,sans-serif; text-align:center;} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">.vad a { display:inline-block; height: 36px; line-height: 36px; margin:0 5px; padding:0 50px; font-size:14px; text-align:center; color:#eee; text-decoration:none; background-color:#222;} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">.vad a:hover { color:#fff; background-color:#000;} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">.thead { width: 728px; height: 90px; margin: 0 auto;} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></style> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><p> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><a href="</span><a href="http://www.dowebok.com/" rel="nofollow">http://www.dowebok.com/</a><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">" target="_blank">dowebok.com</a> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><a href="</span><a href="http://www.dowebok.com/77.html" rel="nofollow">http://www.dowebok.com/77.html</a><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">" target="_blank">说 明</a> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><a href="</span><a href="http://www.dowebok.com/77.html" rel="nofollow">http://www.dowebok.com/77.html</a><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">" target="_blank">下 载</a> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></p> </body> </html></span></p> <p> </p> <p> </p> <p><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><!DOCTYPE html> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><html> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><head> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><meta charset="utf-8"> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><title>fullPage.js — 基本演示_dowebok</title> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><link rel="stylesheet" href="css/jquery.fullPage.css"> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><style> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;} </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></style> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><script src="js/jquery-1.8.3.min.js"></script> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><script src="js/jquery-ui-1.10.3.min.js"></script> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><script src="js/jquery.fullPage.min.js"></script> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><script> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">$(document).ready(function() { </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">$.fn.fullpage({ </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">slidesColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', '#f90'], </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">anchors: ['page1', 'page2', 'page3', 'page4'] </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">}); </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px">}); </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></script> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></head> </span><br><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><body> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><div> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><h3>第一屏</h3> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><p>fullPage.js — 基本演示</p> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></div> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><div> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><div><h3>第二屏的第一屏</h3></div> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><div><h3>第二屏的第二屏</h3></div> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><div><h3>第二屏的第三屏</h3></div> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></div> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><div> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><h3>第三屏</h3> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></div> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><div> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><h3>第四屏</h3> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"><p>这是最后一屏</p> </span><br><span style="TEXT-ALIGN: left; BACKGROUND-COLOR: rgb(255,255,255); TEXT-INDENT: 0px; LETTER-SPACING: normal; DISPLAY: inline !important; FONT: 14px/21px 微软雅黑; WHITE-SPACE: normal; FLOAT: none; COLOR: rgb(0,0,0); WORD-SPACING: 0px; -webkit-text-stroke-width: 0px"></div> </span></p> </div> </div> <div class="blog-opr"> <!-- 版权 --> <div class="blog-copyright"> <span title="OSCHINA 博客文章版权属于作者,受法律保护。未经作者同意不得转载。">© 著作权归作者所有</span> </div> <!-- 分类、标签、字数 --> <div class="related-info"> <ul> <li class="classify">分类:<span id="classify"><a href="https://my.oschina.net/u/1994482/blog?catalog=598203">工作日志</a></span> </li> <li class="Words">字数:<span id="Words">526</span></li> </ul> </div> <div class="tags"> </div> </div> <!-- 广告2.0 --> <div class="blog-down-ad"> <div class="blog-wrapper"> </div> </div> <!-- 赞、收藏、分享 --> <div class="operate"> <ul> <val data-name="isAllowBlogDonate" data-value="true"></val> <!-- 打賞 --> <li class="opr-btn-blog btn-reward-blog "> <a href="javascript:void(0);" data-popupbox-model="reward" class="btn btn-black-blog" data-violet="reward"> <i class="icon-svg icon-reward-blog"></i> <span id="" class="operate_title"> 打赏 </span> </a> </li> <!-- 点赞 --> <li class="opr-btn-blog btn-like-blog "> <a href="javascript:void(0);" class="btn btn-black-blog" onclick="page.vote(401892);" data-violet="favor"> <i class="icon-svg icon-thumbs-o-up-blog"></i> <span id="" class="operate_title"> 点赞 </span> </a> </li> <!-- 收藏 --> <li class="opr-btn-blog btn-favor-blog hover"> <a href="javascript:void(0);" class="btn btn-black-blog " data-blogid="401892" data-blogtype="3" data-userid="" data-thispage="https://my.oschina.net/u/1994482/blog/401892"> <i class="icon-svg icon-star-blog"></i> <span id="" class="operate_title"> 收藏 </span> </a> </li> <!-- 分享 --> <li class="opr-btn-blog btn-share-blog hover"> <a href="javascript:void(0);" class="btn btn-black-blog"> <i class="icon-svg icon-share-o-blog"></i> 分享 </a> <div class="operate-dropdown share-dropdown"> <span class="share-title">分享到:</span> <div class="bdsharebuttonbox"> <a href="#" class="bds_mshare" data-cmd="mshare" data-violet="share" title="分享到一键分享">一键分享</a> <a href="#" class="bds_qzone" data-cmd="qzone" data-violet="share" title="分享到QQ空间">QQ空间</a> <a href="#" class="bds_weixin" data-cmd="weixin" data-violet="share" title="分享到微信">微信</a> <a href="#" class="bds_tqq" data-cmd="tqq" data-violet="share" title="分享到腾讯微博">腾讯微博</a> <a href="#" class="bds_tsina" data-cmd="tsina" data-violet="share" title="分享到新浪微博">新浪微博</a> <a href="#" class="bds_sqq" data-cmd="sqq" data-violet="share" title="分享到QQ好友">QQ好友</a> <a href="#" class="bds_youdao" data-cmd="youdao" data-violet="share" title="分享到有道云笔记">有道云笔记</a> </div> <script>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": ["mshare", "qzone", "tsina", "weixin", "tqq", "sqq"], "bdPic": "", "bdStyle": "0", "bdSize": "16" }, "share": {"bdSize": 16} }; with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = '/js/bdshare_api/share.js?t=1466497475000'];</script> </div> </li> </ul> <!-- 举报 --> <div class="report-box"> <a class="icon-report-complaints-flag" onclick="page.report(401892,3,'https://my.oschina.net/u/1994482/blog/401892')" > <span class="icon-svg icon-report"></span> <span id="" class="operate_title">举报</span> </a > </div> <div data-type="tip" data-tip-type="fixed"> <div class="tooltips" id="error_tip"></div> </div> </div> <div class="reward-list hide"> <div class="reward-list-title"> 共有 <span id="reward-num"></span> 人打赏支持<span id="donate_money"></span> </div> <div class="donate-user-list" id="donate_user_list"> <p></p> </div> </div> </div> </div> <!-- 个人名片 --> <div class="user-card"> <div class="blog-wrapper"> <div class="layout-flex"> <div class="flex-grow"> <div class="layout-flex"> <div class="flex-left"> <div class="user-info"> <div class="icon"> <a href="https://my.oschina.net/u/1994482/home" class="article_editor_head_img" target="_blank"><img src="/img/portrait.gif?t=1451961935000" align="absmiddle" alt="易水寒521" title="易水寒521" class="LargePortrait"/></a> </div> <div class="follow-status"> <span class="btn btn-green btn-follow " data-follow-value="1" data-follow="btn" data-fansid="1994482">+ 关注 </span> </div> </div> </div> <div class="flex-grow"> <div class="opus-info"> <div class="title"> <a href="https://my.oschina.net/u/1994482/home" class="name" target="_blank">易水寒521 </a> <div class="medal medal-osc"> </div> </div> <div class="card-post-info"> <span class="card-address"> <i class="icon-svg icon-address-blog"></i> 虹口 </span> </div> <div class="opus-opr"> <div class="opus-opr-item">粉丝 <span>0</span></div> <div class="opus-opr-item">博文 <span>129</span></div> <div class="opus-opr-item">码字总数 <span>120077 </span></div> </div> </div> </div> </div> </div> <div class="flex-right"> <!-- 技能雷达 --> <div class="user-radar hide" data-user="1994482"> <div id="radar-skill" style="width: 200px;height: 120px; margin: auto;" data-detail="https://www.oschina.net/radar?userId=1994482"> </div> </div> </div> </div> </div> </div> <!-- 相关博客 --> <div class="blog-related"> <div class="blog-wrapper"> <div class="panel panel-related" id="blog-related"> <div class="panel-heading"> 相关博客 </div> <div class="panel-body"> <div class="related-blogs-list flex-item"> <div class="blog-item"> <div class="layout-flex"> <div class="flex-grow"> <a href="https://my.oschina.net/yongxinke/blog/816388" class="title" title="前端那些事之jquery篇--实现全屏滚动" target="_self"> 前端那些事之jquery篇--实现全屏滚动 </a> <div class="author-info"> <span class="icon"> <img src="https://static.oschina.net/uploads/user/1488/2977251_50.jpeg?t=1481208744000 "/> </span> 上官清偌 </div> </div> </div> <div class="relation-data text-right"> <span class="view data-item"><i class="icon-svg icon-eye"></i>2</span> <a class="reply data-item" href="http://my.oschina.com:8888/J25/blog/190490#comment-list" target="_blank"><i class="icon-svg icon-reply"></i>0</a> </div> </div> <div class="blog-item"> <div class="layout-flex"> <div class="flex-grow"> <a href="https://my.oschina.net/xuxj1986/blog/64533" class="title" title="滚动条,jquery" target="_self"> 滚动条,jquery </a> <div class="author-info"> <span class="icon"> <img src="https://static.oschina.net/uploads/user/106/213788_50.jpg?t=1371459090000 "/> </span> 徐修俊 </div> </div> </div> <div class="relation-data text-right"> <span class="view data-item"><i class="icon-svg icon-eye"></i>270</span> <a class="reply data-item" href="http://my.oschina.com:8888/J25/blog/190490#comment-list" target="_blank"><i class="icon-svg icon-reply"></i>0</a> </div> </div> <div class="blog-item"> <div class="layout-flex"> <span class="img"> <img src="http://static.oschina.net/uploads/img/201607/07220155_pW2X.png"/> </span> <div class="flex-grow"> <a href="https://my.oschina.net/u/1179286/blog/707999" class="title" title="分享一个JQuery写的点击上下滚动的小例子" target="_self"> 分享一个JQuery写的点击上下滚动的小例子 </a> <div class="author-info"> <span class="icon"> <img src="https://static.oschina.net/uploads/user/589/1179286_50.png?t=1457107244000 "/> </span> rin9958 </div> </div> </div> <div class="relation-data text-right"> <span class="view data-item"><i class="icon-svg icon-eye"></i>218</span> <a class="reply data-item" href="http://my.oschina.com:8888/J25/blog/190490#comment-list" target="_blank"><i class="icon-svg icon-reply"></i>0</a> </div> </div> </div> </div> </div> </div> </div> <!-- 评论 --> <div class="blog-comments"> <div class="blog-wrapper"> <div class="panel panel-comments" id="comment-list"> <div class="panel-heading" id="blog-comments-list">评论 <em> (<span class="reply_count">0</span>) </em> </div> <div class="panel-body"> <div class="panel-comment-form"> <!-- 发表评论表单 --> <!-- --> <val data-name="emoji_js_url" data-value="/build/www/vendor/emoji/emoji_github.js?t=1471884352000"></val> <val data-name="emoji_css_url" data-value="/build/www/vendor/emoji/emoji.min.css?t=1471884352000"></val> <div class='SpaceList'> <a name="comments" id="postform"></a> <div class="layout BlogCommentForm blog-comment-form comment-emoji"> <form id="form_comment" action="/action/blog/add_comment?blog=401892" method="POST"> <div class="comment_form layout-column"> <textarea name="content" id="wmd-input" placeholder=""></textarea> <div class="layout"> <div class="layout-right"> <span class="text-muted"> Ctrl+Enter </span> <button type="submit" class="btn btn-green blg_submit_btn" data-violet="comment">发表评论</button> </div> <div class="layout-column"> <a href="javascript:;" class="blog_emotion"> <i class="icon-svg icon-emotions-hollow-gray"></i> <div data-emoji="wrapper"> <ul data-emoji="nav"> <li data-emoji-nav="People" class="active">People</li> <li data-emoji-nav="Nature">Nature</li> <li data-emoji-nav="Objects">Objects</li> <li data-emoji-nav="Places">Places</li> <li data-emoji-nav="Symbols">Symbols</li> </ul> <div data-emoji="panel"> <div data-emoji-item="People" class="active"></div> <div data-emoji-item="Nature"></div> <div data-emoji-item="Objects"></div> <div data-emoji-item="Places"></div> <div data-emoji-item="Symbols"></div> </div> </div> </a> <a href="javascript:page.insert_projects();" class="blog_soft"> <i class="icon-svg icon-project-hollow-gray"></i> </a> <span class="NoData" id="cmt_tip"></span> </div> </div> </div> </form> </div> </div> <div id='inline_reply_editor' style='display:none;'> <div class="BlogCommentForm blog-comment-form"> <form id="form_inline_comment" action="/action/blog/add_comment?blog=401892" method="POST"> <input type='hidden' id='inline_reply_id' name='reply_id' value=''/> <textarea name="content" id="ccom_content""></textarea> <div class="layout"> <div class="layout-right"> <input type="button" value="关闭" class="btn btn-text" id='btn_close_inline_reply' /> <input type="submit" value="回复" id="btn_comment" class="btn btn-green"/> </div> <div class="layout-column"> 插入: <a href="javascript:;" class="blog_emotion"> <i class="icon-svg icon-emotions-hollow-gray"></i> <div data-emoji="wrapper"> <ul data-emoji="nav"> <li data-emoji-nav="People" class="active">People</li> <li data-emoji-nav="Nature">Nature</li> <li data-emoji-nav="Objects">Objects</li> <li data-emoji-nav="Places">Places</li> <li data-emoji-nav="Symbols">Symbols</li> </ul> <div data-emoji="panel"> <div data-emoji-item="People" class="active"></div> <div data-emoji-item="Nature"></div> <div data-emoji-item="Objects"></div> <div data-emoji-item="Places"></div> <div data-emoji-item="Symbols"></div> </div> </div> </a> <a href="javascript:page.insert_projects_c();" class="blog_soft"> <i class="icon-svg icon-project-hollow-gray"></i> </a> <span class="NoData" id="ficmp_msg" style="color:#F00"></span> </div> </div> </form> </div> </div> </div> <div class="panel-list" id="BlogComments"> </div> </div> </div> </div> </div> <!-- 微信分享二维码 --> <!-- <div class="float-share md-hide"> <div class="weixin-share" id="weixin-share"> </div> <span>微信分享</span> </div> --> <!-- 右侧工具条 --> <div class="tool-bar blog-tool-bar md-hide"> <div class="item tool-top"> <a href="javascript:void(0)" class="over"> <div class="icon"> <i class="icon-svg icon-go-top"></i> </div> <div class="txt">顶部</div> </a> </div> </div> </div> <div class="reward-popups" data-popups-for="reward"> <span data-popups-close="true">×</span> <div data-popups="body"> <form action="" method="post" id="blog_donate_form"> <div class="form-wapper"> <div class="blogger-info text-center"> <span class="icon"> <a href="https://my.oschina.net/u/1994482/home" class="article_editor_head_img" target="_blank"><img src="/img/portrait.gif?t=1451961935000" align="absmiddle" alt="易水寒521" title="易水寒521" class="LargePortrait"/></a> </span> <div class="text"> 如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作! </div> </div> <div class="form-item"> <div class="form-label"> <span class="font-red">*</span> 金额(元) </div> <div class="form-ctrl"> <div> <input name="payMoney" value="2" type="text" placeholder="请输入金额¥"/> <input name="money" value="2" type="hidden" placeholder="请输入金额¥"/> </div> <div class="reward-money-box"> <span data-value="1" class="reward-money">¥1</span> <span data-value="5" class="reward-money">¥5</span> <span data-value="10" class="reward-money">¥10</span> <span data-value="20" class="reward-money">¥20</span> <span data-value="" class="reward-money other-money active">其他金额</span> </div> </div> </div> <div class="form-item"> <div class="form-label"> 打赏人 </div> <div class="form-ctrl"> <input type="text" name="donaterName" maxlength="100" value="" placeholder="请输入姓名/昵称/邮箱"/> </div> </div> <div class="form-item items-center"> <div class="form-label"> 留言 </div> <div class="form-ctrl"> <textarea maxlength="100" name="message" id="" cols="30" rows="3" placeholder="你想对TA说"></textarea> </div> </div> <div class="form-item items-center"> <div class="form-label"> <span class="font-red">*</span> 支付类型 </div> <div class="form-ctrl"> <div class="reward-way form-radios reward-alipay"> <input type="radio" value="alipay" id="rewardAliPay" checked="checked" name="reward-way"> <label for="rewardAliPay"> <span class="hide">支付宝支付</span> </label> </div> <div class="reward-way form-radios reward-wechat"> <input type="radio" value="wepay" id="rewardWechat" name="reward-way"> <label for="rewardWechat"> <i class="icon-svg icon-wechat"></i> <span class="">微信支付</span> </label> </div> </div> </div> <div class="hide"> <input name="objType" type="hidden" value="16344358"> <input name="objId" type="hidden" value="401892"> <input name="donater" type="hidden" value="0"> <input name="subject" maxlength="50" type="hidden" value="jQuery全屏滚动插件fullPage"> <input name="author" type="hidden" value="1994482"> <input name="returnUrl" maxlength="900" type="hidden" value="https://my.oschina.net/u/1994482/blog/401892"> <input name="notifyUrl" maxlength="900" type="hidden" value="https://my.oschina.net/action/blog/paySuccess"> <input name="sign" type="hidden" value=""> </div> <div class="form-button text-right"> <input type="button" class="btn btn-orange" value="打赏" id="blog_donate_button"/> </div> </div> <div class="reward-status reward-wechat-box text-center"> <span class="wechat-qr"> <i class="icon-svg icon-scan-green"></i> 微信扫码支付 </span> <div class="wepay-amount"> 打赏金额: <span class="h1 font-green">¥<em id="wepayAmount"></em></span> </div> <span class="wechat-qr-img" id="result_area"> </span> </div> <div class="reward-status reward-success text-center"> <span class="wechat-qr"> <i class="icon-svg icon-wechat"></i> 已支付成功 </span> <div> 打赏金额: <span class="h1 font-green">¥<em id="wepayAmount"></em></span> </div> </div> </form> </div> </div> <div id="v-report"> <comp-report :param="{action:'/action/communityManage/reportv2'}"></comp-report> </div> <div data-popups="mask"></div> <script type="text/javascript" src="/action/visit/blog?id=401892" defer="defer"></script> <script type="text/javascript" src="/action/visit/space?id=1994482"></script> <val data-name="radar_chart_js_url" data-value="/dist/www/vendor/radarChart/radarChart.js?t=1491729803000"></val> <script> window.addEventListener("load", function () { var radarChartJsUrl = $("val[data-name=radar_chart_js_url]").data("value"); if (radarChartJsUrl) { require.requireJS(radarChartJsUrl, function () { // 雷达图配置选项 function getRadarOption(skills, values, maxLevel) { var radarChartOptions = {}, skillArr = skills ? skills : [], valuesArr = values ? values : [], maxLevelArr = []; valuesArr.forEach(function (element, index) { maxLevelArr.push(maxLevel); }); radarChartOptions.data = { maxValue: maxLevelArr, value: valuesArr, description: skillArr }; radarChartOptions.config = { scale: 0.9, dataFill: { fillStyle: "rgba(24, 236, 111, .4)" }, bg: { layer: 4, evenFillStyle: "#828282", oddFillStyle: "#828282", evenStrokeStyle: "#ccc", oddStrokeStyle: "#ccc" }, dataCircle: { r: 1, strokeStyle: "#18ec6f", fillStyle: "#18ec6f", lineWidth: 0.5 }, dataLine: { strokeStyle: "#18ec6f", lineWidth: 2 }, font: { fontColor: "#eee" } }; return radarChartOptions; } var sendRequest = function () { var user_id = $("val[data-name='owner_id']").attr("data-value"); $.ajax({ type: "POST", url: "/action/radar/searchUserRadarMap", data: {user_id: user_id}, dataType: "json", success: function (msg) { if (msg.result) { // 显示雷达面板 $(".user-radar").show(); radarChart.init(document.querySelector("#radar-skill"), getRadarOption(msg.data.skills, msg.data.skillsLevel, msg.data.maxSkillLevel)); // 打开雷达详情页 var radarDetailLink = $('#radar-skill').data("detail"); if (radarDetailLink) { $('#radar-skill').on('click', function (params) { window.open(radarDetailLink); }); } } } }); } sendRequest(); }); } }, false); </script> <script> window.addEventListener("load", function() { (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); }); </script> <script type="text/javascript"> (function (ww, dt) { ww.__gac = { domain: 'www.oschina.net' }; if(!(/\/marketing\/ad-slice/.test(location.href))){ var script = dt.createElement('script'); script.setAttribute('type', 'text/javascript'); script.setAttribute('src', '//www.oschina.net/public/javascripts/cjl/ga.js?t=20160926'); dt.body.appendChild(script); } } (window, window.document)); </script> </div> <script type="text/javascript" src="/dist/www/js/common.min.js?t=1491729803000"></script> <script type="text/javascript" src="/build/www/js/util/tools/require.js?t=1500815657000"></script> <script type="text/javascript" src="/dist/www/js/blog.min.js?t=1507762993000"></script> <style type="text/css"> .common-footer .osc-map { font-size: 0; padding: 16px 0 0; background: #FAFAFA; } .common-footer .map-header{ font-size: 12px; font-weight: normal; margin: 0 0 10px; height: 18px; color: #4A4A4A; } .common-footer .map-header.bigger{font-weight: bold;} .common-footer .map-link{ font-size: 12px; display: block; line-height: 20px; color: #4A4A4A; transition:color .2s; } .common-footer .map-link:hover{ color:#21B351; } .common-footer .wechat{margin: 0 auto;} .common-footer .osc-footer { background: #444444; } .common-footer .content-wrapper{ width:1200px; margin:0 auto; height: 36px; } .common-footer .osc-footer *{ font-size: 12px; color: #CFCFCF; } .common-footer .dl_mob{ transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; width:120px; height:122px; display:block; margin-bottom: -11px; z-index: -1; } .common-footer .dl_mob:hover { transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } .merge{ width: auto!important; margin: 0!important; } figure{ margin: 0; } </style> <footer class="common-footer"> <div class="osc-map"> <div class="box justify sc-container"style="overflow: hidden;"> <div> <h2 class="map-header bigger">社区</h2> <ul> <li><a class="map-link cursor" href="https://www.oschina.net/project" target="_blank">开源项目</a></li> <li><a class="map-link cursor" href="https://www.oschina.net/question" target="_blank">技术问答</a></li> <li><a class="map-link cursor" href="https://www.oschina.net/tweets" target="_blank">动弹</a></li> <li><a class="map-link cursor" href="https://www.oschina.net/blog" target="_blank">博客</a></li> </ul> </div> <div> <h2 class="map-header bigger"></h2> <ul> <li><a class="map-link cursor" href="https://www.oschina.net/news" target="_blank">开源资讯</a></li> <li><a class="map-link cursor" href="https://www.oschina.net/translate" target="_blank">技术翻译</a></li> <li><a class="map-link cursor" href="https://www.oschina.net/android" target="_blank">专题</a></li> <li><a class="map-link cursor" href="https://job.oschina.net/" target="_blank">招聘</a></li> </ul> </div> <div> <h2 class="map-header bigger">众包</h2> <ul> <li><a class="map-link cursor" href="https://zb.oschina.net/projects" target="_blank">项目大厅</a></li> <li><a class="map-link cursor" href="https://zb.oschina.net/services" target="_blank">软件与服务</a></li> <li><a class="map-link cursor" href="https://zb.oschina.net/account/choose-role" target="_blank">接活赚钱</a></li> </ul> </div> <div> <h2 class="map-header bigger">码云</h2> <ul> <li><a class="map-link cursor" href="https://gitee.com/?from=osc-index" target="_blank">Git代码托管</a></li> <li><a class="map-link cursor" href="https://team.oschina.net/" target="_blank">Team</a></li> <li><a class="map-link cursor" href="https://git.oschina.net/paas_osc" target="_blank">PaaS</a></li> <li><a class="map-link cursor" href="http://tool.oschina.net/" target="_blank">在线工具</a></li> </ul> </div> <div> <h2 class="map-header bigger">活动</h2> <ul> <li><a class="map-link cursor" href="https://www.oschina.net/event?tab=latest&city=全国&time=all" target="_blank">线下活动</a></li> <li><a class="map-link cursor" href="https://www.oschina.net/event/create" target="_blank">发起活动</a></li> <li><a class="map-link cursor" href="https://www.oschina.net/event/ych" target="_blank">源创会</a></li> </ul> </div> <div> <h2 class="map-header">关注微信公众号</h2> <figure> <img class="wechat" src="/build/oschina/community/stylesheets/imgs/wechat.jpg?t=1484694924000" title="关注微信公众号"> </figure> </div> <div> <h2 class="map-header">下载手机客户端</h2> <a href="https://www.oschina.net/app" title="下载手机客户端" class="dl_mob"> <figure> <img src="/build/oschina/community/stylesheets/imgs/mob.png?t=1495409678000" title="下载手机客户端"> </figure> </a> </div> </div> </div> <div class="osc-footer"> <div class="box vertical justify content-wrapper add-class"> <ul class="box vertical merge"> <li style="padding-right: 27px;">©开源中国(OSChina.NET)</li> <li style="padding-right: 1em;"><a href="https://www.oschina.net/home/aboutosc" target="_blank" title="关于我们">关于我们</a></li> <li style="padding-right: 1em;"><a href="https://www.oschina.net/home/aboutosc" title="联系我们">联系我们</a></li> <li style="padding-right: 1em;"><a href="https://weibo.com/oschina2010" target="_blank" title="@新浪微博">@新浪微博</a></li> <li><a class="map-link cursor" href="https://www.oschina.net/home/aboutosc#partners" target="_blank">合作单位</a></li> </ul> <div> <span style="padding-right: 1em;">开源中国社区是工信部<a style="padding: 0 .5em;" href="http://www.copu.org.cn/" target="_blank" title="开源软件推进联盟">开源软件推进联盟</a>指定的官方社区</span> <span><a href="http://www.miitbeian.gov.cn/" target="_blank" class="text-muted">粤ICP备12009483号-3</a> 深圳市奥思网络科技有限公司版权所有</span> </div> </div> </div> </footer> <script type="text/javascript"> $(".box").css({width:"100%",maxWidth:"1200px",margin:"0 auto"}); </script> </body> </html> <!-- Generated by OsChina.NET (init:1[ms],page:507[ms],ip:54.224.197.251) -->