当前位置:首页 > 设计素材 > div+css模板 >

美国白宫建筑网站模板

时间:2014-06-27 08:39 来源:互联网 作者:源码搜藏 收藏

  • 源码类别:div+css模板
  • 源码大小:697 KB
  • 广告推荐
在线演示立即下载

美国白宫建筑网站模板美国白宫建筑网站模板是一款好看的网络世界公司网站模板。建筑美国HTML欧美


<script src="js/jquery-ui.min.js"></script>
<script src="js/hammer.min.js"></script>
<script src="js/responsiveCarousel.js"></script>
<script>
/* Okay, everything is loaded. Let's go! (on dom ready) */
$(function () {
   /* a generic product carousel - something that might appear in the body of a e-commerce site. */
   $('#textslider')
       .responsiveCarousel({
           unitWidth:          'compute',
           target:             '#textslider .slider-target',
           unitElement:        '#textslider .slider-target > li',
           mask:               '#textslider .slider-mask',
           arrowLeft:          '#textslider .arrow-left',
           arrowRight:         '#textslider .arrow-right',
           dragEvents:         Modernizr.touch,
           responsiveUnitSize:function () {
               return 1;
           },
           step:-1,
           onShift:function (i) {
               var $current = $('#selector li a[rel=frame_' + i + ']');
               $('#selector li a').removeClass('current');
               $current.addClass('current');
           }
       });

   /* this next part toggles the "auto slide show" option. */
   $('#toggle-slide-show').on('click', function (ev) {
       ev.preventDefault();
       $('#textslider').responsiveCarousel('toggleSlideShow');
   });

   /* this lets us jump to a slide */
   $('#selector a').on('click', function (ev) {
       ev.preventDefault();
       var i = /\d/.exec($(this).attr('rel'));
       $('#textslider').responsiveCarousel('goToSlide', i);
   });

});
$(window).on('load',function(){
   $('.examples').responsiveCarousel('redraw');
});
</script>

本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

div+css模板下载排行

最新文章