打印

一起把这个效果的代码抓出来吧

http://shopping.aol.com

如图,每5个产品一整栏,共十个产品,左右调节。

这个应该是用JS实现的吧,另存下来,找不到相应的文件和代码。。

哪位高手试试~




<SCRIPT defer type=text/javascript>        if(!readCookie('rsMode'))        {                createCookie('rsMode', '1', 365);        }        function rsSwitch()        {                var _loggedIn = Number(trim(ajax.gets(ajax.apis.loginCheck)));                if((!_loggedIn))                {                if(readCookie('rsMode') == '1')                {                        $('rsSwitchOn').innerHTML = "on&nbsp;";                        $('rsSwitchOff').innerHTML = "<a href=\"javascript:void(0)\" onclick=\"createCookie('rsMode', '0', 365);rsSwitch()\">off</a>";                }                else                {                        $('rsSwitchOn').innerHTML = "<a href=\"javascript:void(0)\" onclick=\"createCookie('rsMode', '1', 365);rsSwitch()\">on</a>&nbsp;";                        $('rsSwitchOff').innerHTML = "off";                }                }                else                {                        if(readCookie('rsMode_'+userInfo.displayName) == '1')                        {                                $('rsSwitchOn').innerHTML = "on&nbsp;";                                $('rsSwitchOff').innerHTML = "<a href=\"javascript:void(0)\" onclick=\"createCookie('rsMode_"+userInfo.displayName+"', '0', 365);rsSwitch()\">off</a>";                        }                        else                        {                                $('rsSwitchOn').innerHTML = "<a href=\"javascript:void(0)\" onclick=\"createCookie('rsMode_"+userInfo.displayName+"', '1', 365);rsSwitch()\">on&nbsp;</a>";                                $('rsSwitchOff').innerHTML = "off";                        }                }                if(!_loggedIn)                {                        if($('guestCookieList'))                        {                                $('guestCookieList').innerHTML = "";                            $('guestCookieList').appendChild(getGuestCookies());                        }                }        }        widgetLoc.msMainArea = '[ajax.apis.msMainArea, "rsSwitch"]';              YAHOO.util.Event.onAvailable("msMainArea", rsSwitch);                     var byWho  =        (Number(trim(ajax.gets("http://"+currentDomain+"/shopping/jsp/loginCheck.jsp"))))== 0 ? "others" : "you";       function raSwitch(byWhom)       {         if(typeof byWhom === 'undefined')              {                     byWho = byWhom = (Number(trim(ajax.gets("http://"+currentDomain+"/shopping/jsp/loginCheck.jsp"))))== 0 ? "others" : "you";              }              currentRaSlide = 1;              if(browser.ie6)              {                     var dummyIFrame = document.createElement('iframe');                     dummyIFrame.style.cssText = "width:1px; height:1px; display:none";                     document.getElementsByTagName('body')[0].appendChild(dummyIFrame);                     dummyIFrame.src = "http://"+currentDomain+"/shopping/jsp/wlRecentlyAdded.jsp?by=" + byWhom;              }              $('msRaArea').innerHTML = ajax.gets("http://"+currentDomain+"/shopping/jsp/wlRecentlyAdded.jsp?by=" + byWhom);              if(browser.ie6)                     $('msRaArea').innerHTML = ajax.gets("http://"+currentDomain+"/shopping/jsp/wlRecentlyAdded.jsp?by=" + byWhom);       }       function ieResizeHand()       {              $('raContainer').style.cssText="border: 0px solid red";       }       YAHOO.util.Event.on(window,"resize",ieResizeHand);                     var SPRITESPERSLIDE = 5;       var currentRaSlide = 1;              function raShowNext()       {              var numSlides = Math.ceil((YAHOO.util.Dom.get('raTable').getElementsByTagName('td').length) / (SPRITESPERSLIDE));              if(currentRaSlide<numSlides)              {                     var raMotionNext              = new YAHOO.util.Motion('raTable', {points: {by: [-640, 0]}}, 0.5, YAHOO.util.Easing.easeIn);                     raMotionNext.animate();                     currentRaSlide++;                     if(currentRaSlide>1)                     {                                   $("wlArrBack").src = $("wlArrBack").src.replace('Stop.gif', '.gif');                     }                     if(currentRaSlide == numSlides)                     {                                   $("wlArrNext").src = $("wlArrNext").src.replace('.gif', 'Stop.gif');                     }              }       }       function raShowPrev()       {              var numSlides = Math.ceil((YAHOO.util.Dom.get('raTable').getElementsByTagName('td').length) / (SPRITESPERSLIDE));              if(currentRaSlide>1)              {                     var raMotionPrev              = new YAHOO.util.Motion('raTable', {points: {by: [640, 0]}}, 0.5, YAHOO.util.Easing.easeIn);                     raMotionPrev.animate();                     currentRaSlide--;                     if(currentRaSlide<2)                     {                                   $("wlArrBack").src = $("wlArrBack").src.replace('.gif', 'Stop.gif');                     }                     if(currentRaSlide < numSlides)                     {                                   $("wlArrNext").src = $("wlArrNext").src.replace('Stop.gif', '.gif');                     }              }       }</SCRIPT>

这个控制左右:
<DIV class=leftArrow><IMG id=wlArrBack onClick="javascript: raShowPrev()"
src="Online Shopping Made Easy - AOL Shopping Main.files/raLeftArrStop.gif"></DIV>
<DIV class=riteArrow><IMG id=wlArrNext onClick="javascript: raShowNext()"
src="Online Shopping Made Easy - AOL Shopping Main.files/raRiteArr.gif"></DIV>


看了头疼 楼主自己看看
ok

试试看

谢谢!~