找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1488|回复: 1

读不懂js 不知道哪个命令是可以让其自动滚动

[复制链接]
发表于 2011-2-12 09:30:10 | 显示全部楼层 |阅读模式
想修改这段代码,有左右点击变成也可自动滚动。但是不知哪个条件是这样的   ?希望得到大家的帮助

  1. $(function() {
  2.        
  3.         var totalPanels                        = $(".scrollContainer").children().size();
  4.                
  5.         var regWidth                        = $(".panel").css("width");
  6.         var regImgWidth                        = $(".panel img").css("width");
  7.         var regTitleSize                = $(".panel h2").css("font-size");
  8.         var regParSize                        = $(".panel p").css("font-size");
  9.        
  10.         var movingDistance            = 300;
  11.        
  12.         var curWidth                        = 350;
  13.         var curImgWidth                        = 326;
  14.         var curTitleSize                = "20px";
  15.         var curParSize                        = "15px";

  16.         var $panels                                = $('#slider .scrollContainer > div');
  17.         var $container                        = $('#slider .scrollContainer');

  18.         $panels.css({'float' : 'left','position' : 'relative'});
  19.    
  20.         $("#slider").data("currentlyMoving", false);

  21.         $container
  22.                 .css('width', ($panels[0].offsetWidth * $panels.length) + 100 )
  23.                 .css('left', "-350px");

  24.         var scroll = $('#slider .scroll').css('overflow', 'hidden');

  25.         function returnToNormal(element) {
  26.                 $(element)
  27.                         .animate({ width: regWidth })
  28.                         .find("img")
  29.                         .animate({ width: regImgWidth })
  30.                     .end()
  31.                         .find("h2")
  32.                         .animate({ fontSize: regTitleSize })
  33.                         .end()
  34.                         .find("p")
  35.                         .animate({ fontSize: regParSize });
  36.         };

  37.         function change(direction) {
  38.           
  39.         if (($("#slider").data("currentlyMoving") == false)) {
  40.             
  41.                         $("#slider").data("currentlyMoving", true);
  42.                        
  43.                         var leftValue    = $(".scrollContainer").css("left");
  44.                         var movement         = direction ? parseFloat(leftValue, 10) - movingDistance : parseFloat(leftValue, 10) + movingDistance;
  45.                
  46.                         $(".scrollContainer")
  47.                                 .stop()
  48.                                 .animate({
  49.                                         "left": movement
  50.                                 }, function() {
  51.                                         $("#slider").data("currentlyMoving", false);
  52.                                 });
  53.                        
  54.                        
  55.                
  56.                 }
  57.         }
  58.        
  59.        
  60.         $(".right").click(function(){ change(true); });       
  61.         $(".left").click(function(){ change(false); });
  62.        
  63.         $(window).keydown(function(event){
  64.           switch (event.keyCode) {
  65.                         case 13: //enter
  66.                                 $(".right").click();
  67.                                 break;
  68.                         case 32: //space
  69.                                 $(".right").click();
  70.                                 break;
  71.             case 37: //left arrow
  72.                                 $(".left").click();
  73.                                 break;
  74.                         case 39: //right arrow
  75.                                 $(".right").click();
  76.                                 break;
  77.           }
  78.         });
  79.        
  80. });// JavaScript Document
复制代码
发表于 2011-2-12 12:07:10 | 显示全部楼层
var movement     = direction ? parseFloat(leftValue, 10) - movingDistance : parseFloat(leftValue, 10) + movingDistance;
        
            $(".scrollContainer")
                .stop()
                .animate({
                    "left": movement
                }, function() {
                    $("#slider").data("currentlyMoving", false);
                });
这部分吧
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )

GMT+8, 2021-4-13 12:31 , Processed in 0.055879 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表