七瑾年华不负君 发表于 2016-12-23 23:02

【翰书天下·采访】2017年势力争霸赛79等级段冠军——秋风起秋叶飘

本帖最后由 七瑾年华不负君 于 2016-12-24 19:14 编辑 <br /><br /><div align="center"><img id="e_f_img_0.033665940631181" src="http://img2.ph.126.net/HkBGAbNXE4N7jTZy2uMJHA==/6631897896978557654.jpg" width="90%"></div>
<div align="center"><img id="e_f_img_0.033665940631181" src="http://img1.ph.126.net/b4xNy1BH43DaXLzcVW0fdQ==/6632129893931991085.png" width="90%"></div>
<div align="center"><img id="e_f_img_0.033665940631181" src="http://img1.ph.126.net/YxLZHdN-R06EMiAeASutcg==/6631913290141312966.png" width="90%"></div>
部分成员展示
<div id="banner_tabs" class="flexslider">
<ul class="slides">
   <li style="position: absolute; left: 0px; top: 0px; list-style: none; display: list-item;">
                  <img src="http://img0.ph.126.net/iNkFdRvrMxq6d5hGuLCXYA==/6631946275490148093.png" width="80%" id="e_f_img_0.8289040557574481">
                       
                               

                </li>
                <li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img1.ph.126.net/aSgqAI2wus70Z-7snw1zlQ==/6632112301745939554.png" width="80%">

                </li>
                <li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img1.ph.126.net/WsWDcyQwlfJhNBc7N69sqg==/6632109003211058320.png" width="80%">

                </li>
                <li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img2.ph.126.net/S9jq6OLH3xTVLGlkIiysNw==/6631927583792470508.png" width="80%">

                </li>

                <li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img0.ph.126.net/sjOri47fcpV-GU38bAYmJA==/6632073818838968148.png" width="80%">
               </li>
               <li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img0.ph.126.net/OMHZgpwZ85mHtz7X-iCyEw==/6632060624699436180.png" width="80%">
               </li>
<li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img0.ph.126.net/clYG1QfVkRiwA5QYxYp4Dw==/6631855016025037407.png" width="80%">
               </li>
<li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img2.ph.126.net/l415naOc3ac3y7aN36iIHA==/6631850617978526480.png" width="80%">
               </li>
<li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img2.ph.126.net/0NyHNVEx0W7lq6LRHlpbvg==/6632050729094785388.png" width="80%">
               </li>
<li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img1.ph.126.net/T1V5kE6HvC_euNtHGZtDfQ==/6632178272443608199.png" width="80%" &gt;="" <="" li="">
</li><li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img1.ph.126.net/ToCZKID142u0vvJGePaYQw==/6632065022745947320.png" width="80%">
               </li>
<li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img0.ph.126.net/5HuJc7hO4tYm_zuFXDSzrw==/6632079316397109273.png" width="80%">
               </li>
<li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img2.ph.126.net/N131hUJpCgewleaM28jMFw==/6631969365234330722.png" width="80%">
               </li>
<li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img1.ph.126.net/K3z9n3RC77gJ70FHAIBeqA==/6632147486118029983.png" width="80%">
               </li>
<li style="position: absolute; left: 0px; top: 0px; list-style: none; display: none;">

                                <img src="http://img1.ph.126.net/M9x4jHNSf99NRydSUtcRKw==/6631969365234330724.png" width="80%">
               </li>
</ul>
<ul class="flex-direction-nav">
    <li style=" list-style: none;"><a class="flex-prev" href="javascript:;">Previous</a></li>
    <li style=" list-style: none;"><a class="flex-next" href="javascript:;">Next</a></li>
</ul>
<ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
    <li style=" list-style: none;" class="active"><a>1</a></li>
    <li style=" list-style: none;" class=""><a>2</a></li>
    <li style=" list-style: none;" class=""><a>2</a></li>
    <li style=" list-style: none;" class=""><a>2</a></li>
</ol>
</div>

<style type="text/css">
.flexslider {
        margin: 0px auto 20px;
        position: relative;
        width:95%;
        height: 500px;
        overflow: hidden;
        zoom: 1;
}

.flexslider .slides li {
        width: 100%;
        height: 100%;
text-align:center;
}

.flex-direction-nav a {
        width: 70px;
        height: 70px;
        line-height: 99em;
        overflow: hidden;
        margin: -35px 0 0;
        display: block;
        background: url(http://img0.ph.126.net/GdGsnYRWQflm_KCXbsY_xQ==/6631377827979033267.png) no-repeat;
        position: absolute;
        top: 50%;
        z-index: 10;
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transition: all .3s ease;
        border-radius: 35px;
}

.flex-direction-nav .flex-next {
        background-position: 0 -70px;
        right: 0;
}

.flex-direction-nav .flex-prev {
        left: 55px;
}

.flexslider:hover .flex-next {
        opacity: 0.8;
        filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
        opacity: 0.8;
        filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
        opacity: 1;
        filter: alpha(opacity=50);
}

.flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 10px;
        text-align: center;
}

.flex-control-nav li {
        margin: 0 2px;
        display: inline-block;
        zoom: 1;
        *display: inline;
}

.flex-control-paging li a {
        background: url(http://img0.ph.126.net/IIg8sOjHM ... 285469002289700.png) no-repeat 0 -16px;
        display: block;
        height: 16px;
        overflow: hidden;
        text-indent: -99em;
        width: 16px;
        cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
        background-position: 0 0;
}

</style>
<script type="text/javascript">
jQuery.noConflict();
jQuery(function($){

        var bannerSlider = new Slider($('#banner_tabs'), {
                time: 5000,
                delay: 400,
                event: 'hover',
                auto: false,
                mode: 'fade',
                controller: $('#bannerCtrl'),
                activeControllerCls: 'active'
        });
        $('#banner_tabs .flex-prev').click(function() {
                bannerSlider.prev()
        });
        $('#banner_tabs .flex-next').click(function() {
                bannerSlider.next()
        });
})
/**
* slider插件可悬停控制 下面这一段基本不用管，这个是插件
插件没地方上传，只能粗暴地放在帖子里面了ORZ
*/
; $(function ($, window, document, undefined) {
   
    Slider = function (container, options) {
      /*
      options = {
            auto: true,
            time: 3000,
            event: 'hover' | 'click',
            mode: 'slide | fade',
            controller: $(),
            activeControllerCls: 'className',
            exchangeEnd: $.noop
      }
      */

      "use strict"; //stirct mode not support by IE9-

      if (!container) return;

      var options = options || {},
            currentIndex = 0,
            cls = options.activeControllerCls,
            delay = options.delay,
            isAuto = options.auto,
            controller = options.controller,
            event = options.event,
            interval,
            slidesWrapper = container.children().first(),
            slides = slidesWrapper.children(),
            length = slides.length,
            childWidth = container.width(),
            totalWidth = childWidth * slides.length;

      function init() {
            var controlItem = controller.children();

            mode();

            event == 'hover' ? controlItem.mouseover(function () {
                stop();
                var index = $(this).index();

                play(index, options.mode);
            }).mouseout(function () {
                isAuto && autoPlay();
            }) : controlItem.click(function () {
                stop();
                var index = $(this).index();

                play(index, options.mode);
                isAuto && autoPlay();
            });

            isAuto && autoPlay();
      }

      //animate mode
      function mode() {
            var wrapper = container.children().first();

            options.mode == 'slide' ? wrapper.width(totalWidth) : wrapper.children().css({
                'position': 'absolute',
                'left': 0,
                'top': 0
            })
                .first().siblings().hide();
      }

      //auto play
      function autoPlay() {
            interval = setInterval(function () {
                triggerPlay(currentIndex);
            }, options.time);
      }

      //trigger play
      function triggerPlay(cIndex) {
            var index;

            (cIndex == length - 1) ? index = 0 : index = cIndex + 1;
            play(index, options.mode);
      }

      //play
      function play(index, mode) {
            slidesWrapper.stop(true, true);
            slides.stop(true, true);

            mode == 'slide' ? (function () {
                if (index > currentIndex) {
                  slidesWrapper.animate({
                        left: '-=' + Math.abs(index - currentIndex) * childWidth + 'px'
                  }, delay);
                } else if (index < currentIndex) {
                  slidesWrapper.animate({
                        left: '+=' + Math.abs(index - currentIndex) * childWidth + 'px'
                  }, delay);
                } else {
                  return;
                }
            })() : (function () {
                if (slidesWrapper.children(':visible').index() == index) return;
                slidesWrapper.children().fadeOut(delay).eq(index).fadeIn(delay);
            })();

            try {
                controller.children('.' + cls).removeClass(cls);
                controller.children().eq(index).addClass(cls);
            } catch (e) { }

            currentIndex = index;

            options.exchangeEnd && typeof options.exchangeEnd == 'function' && options.exchangeEnd.call(this, currentIndex);
      }

      //stop
      function stop() {
            clearInterval(interval);
      }

      //prev frame
      function prev() {
            stop();

            currentIndex == 0 ? triggerPlay(length - 2) : triggerPlay(currentIndex - 2);

            isAuto && autoPlay();
      }

      //next frame
      function next() {
            stop();

            currentIndex == length - 1 ? triggerPlay(-1) : triggerPlay(currentIndex);

            isAuto && autoPlay();
      }

      //init
      init();

      //expose the Slider API
      return {
            prev: function () {
                prev();
            },
            next: function () {
                next();
            }
      }
    };

}(jQuery, window, document));
</script>
<img id="e_f_img_0.033665940631181" src="http://img2.ph.126.net/sp3IT_-GaAmzR2hXxLnNMQ==/1626080940558296555.png" width="40%">

难拥有 发表于 2016-12-24 17:13

沙发~~~~

难拥有 发表于 2016-12-24 17:18

板凳！！！！

难拥有 发表于 2016-12-24 17:19

地板233333

风停息 发表于 2016-12-24 19:18

对月玄的介绍很详细 彰显了主笔的文采

氵断槿丶 发表于 2016-12-24 19:19

傾听心声丶 发表于 2016-12-24 19:26

居然没有我的截图 差评。

霊貓一闪丶 发表于 2016-12-24 19:28

怼怼棒棒哒！

昵称ee0c8c 发表于 2016-12-24 19:35

月玄一人左右了比赛#24

丿柳灬璐璐 发表于 2016-12-24 20:07

#48会心一顶

丿柳灬璐璐 发表于 2016-12-24 20:09

#48会心一顶

炫夜小坦克 发表于 2016-12-25 00:35

熊猫。。。

丷岁月无惊 发表于 2016-12-25 01:29

#48 要害一顶

苏打白开水 发表于 2016-12-25 19:39

最毒的小骨头和最骚的心声居然没放出来真的是.……哈哈哈
页: [1]
查看完整版本: 【翰书天下·采访】2017年势力争霸赛79等级段冠军——秋风起秋叶飘