- UID
- 482722
- 在线时间
- 小时
- 积分
- 576
- 帖子
- 离线
- 18730 天
- 注册时间
- 2008-6-25
|
想修改这段代码,有左右点击变成也可自动滚动。但是不知哪个条件是这样的 ?希望得到大家的帮助
- $(function() {
-
- var totalPanels = $(".scrollContainer").children().size();
-
- var regWidth = $(".panel").css("width");
- var regImgWidth = $(".panel img").css("width");
- var regTitleSize = $(".panel h2").css("font-size");
- var regParSize = $(".panel p").css("font-size");
-
- var movingDistance = 300;
-
- var curWidth = 350;
- var curImgWidth = 326;
- var curTitleSize = "20px";
- var curParSize = "15px";
- var $panels = $('#slider .scrollContainer > div');
- var $container = $('#slider .scrollContainer');
- $panels.css({'float' : 'left','position' : 'relative'});
-
- $("#slider").data("currentlyMoving", false);
- $container
- .css('width', ($panels[0].offsetWidth * $panels.length) + 100 )
- .css('left', "-350px");
- var scroll = $('#slider .scroll').css('overflow', 'hidden');
- function returnToNormal(element) {
- $(element)
- .animate({ width: regWidth })
- .find("img")
- .animate({ width: regImgWidth })
- .end()
- .find("h2")
- .animate({ fontSize: regTitleSize })
- .end()
- .find("p")
- .animate({ fontSize: regParSize });
- };
- function change(direction) {
-
- if (($("#slider").data("currentlyMoving") == false)) {
-
- $("#slider").data("currentlyMoving", true);
-
- var leftValue = $(".scrollContainer").css("left");
- var movement = direction ? parseFloat(leftValue, 10) - movingDistance : parseFloat(leftValue, 10) + movingDistance;
-
- $(".scrollContainer")
- .stop()
- .animate({
- "left": movement
- }, function() {
- $("#slider").data("currentlyMoving", false);
- });
-
-
-
- }
- }
-
-
- $(".right").click(function(){ change(true); });
- $(".left").click(function(){ change(false); });
-
- $(window).keydown(function(event){
- switch (event.keyCode) {
- case 13: //enter
- $(".right").click();
- break;
- case 32: //space
- $(".right").click();
- break;
- case 37: //left arrow
- $(".left").click();
- break;
- case 39: //right arrow
- $(".right").click();
- break;
- }
- });
-
- });// JavaScript Document
复制代码 |
|