Can be left and right smooth scrolling products Show effects _ link effects

Source: Internet
Author: User
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; charset=gb2312 "/> <title> pictures </title> <script language=" JavaScript > <!--//Picture scrolling list Mengjia 0709 var speed_1 = 10; Speed (milliseconds) var space_1 = 20; Per move (px) var pagewidth_1 = 116 * 3; Page width var interval_1 = 7000; Page spacing var fill_1 = 0; Integer shift var movelock_1 = false; var movetimeobj_1; var moveway_1= "right"; var comp_1 = 0; var autoplayobj_1=null; function Getobj (objname) {if (document.getElementById) {return eval (' document.getElementById (' +objname+ ') ')}else{ Return eval (' document.all. ') +objname)}} function Autoplay_1 () {clearinterval (autoplayobj_1); Autoplayobj_1=setinterval (' isl_godown_1 (); isl_stopdown_1 (); ', Interval_1)} function Isl_goup_1 () {if (movelock_1) Return;clearinterval (autoplayobj_1); Movelock_1=true; Moveway_1= "left"; Movetimeobj_1=setinterval (' isl_scrup_1 (); ', speed_1);} function Isl_stopup_1 () {if (moveway_1 = = "Right") {Return};clearinterval (movetimeobj_1); if (Getobj (' isl_cont_1 '). Scrollleft-fill_1)%pagewidth_1!=0) {comp_1=fill_1-(getobj (' isl_cont_1 '). scrollleft%pagewidth_1); Compscr_1 ()}else{movelock_1=false} autoplay_1 ()} function Isl_scrup_1 () {if (Getobj (' isl_cont_1 '). scrollleft<=0) {getobj (' isl_cont_1 '). Scrollleft=getobj (' isl_cont_1 '). Scrollleft+getobj (' List1_1 '). offsetwidth} Getobj (' isl_cont_1 '). scrollleft-=space_1} function isl_godown_1 () {clearinterval (movetimeobj_1); if (movelock_1) Return;clearinterval (autoplayobj_1); Movelock_1=true; Moveway_1= "Right"; isl_scrdown_1 (); Movetimeobj_1=setinterval (' isl_scrdown_1 () ', speed_1)} function isl_stopdown_1 () {if (Moveway_1 = "Left") {return}; Clearinterval (movetimeobj_1); if (Getobj (' isl_cont_1 '). scrollleft%pagewidth_1-(fill_1>=0?fill_1:fill_1+1)!=0) {comp_1=pagewidth_1-getobj (' isl_cont_1 '). Scrollleft%pagewidth_1+fill_1; Compscr_1 ()}else{moVelock_1=false} autoplay_1 ()} function isl_scrdown_1 () {if (Getobj (' isl_cont_1 '). Scrollleft>=getobj (' list1_1 '). ScrollWidth) {getobj (' isl_cont_1 '). Scrollleft=getobj (' isl_cont_1 '). Scrollleft-getobj (' List1_1 '). ScrollWidth} Getobj (' isl_cont_1 '). scrollleft+=space_1} function compscr_1 () {if (comp_1==0) {movelock_1=false;return} var num, Tempspeed=speed_1,tempspace=space_1;if (Math.Abs (comp_1) <pagewidth_1/2) {Tempspace=math.round (Math.abs /space_1)); if (tempspace<1) {tempspace=1}} if (comp_1<0) {if (comp_1<-tempspace) {comp_1+=tempspace;num= Tempspace}else{num=-comp_1; Comp_1=0} getobj (' isl_cont_1 '). Scrollleft-=num;settimeout (' compscr_1 () ', tempspeed)}else{if (Comp_1>TempSpace) {comp_1-=tempspace;num=tempspace}else{num=comp_1; Comp_1=0} getobj (' isl_cont_1 '). Scrollleft+=num;settimeout (' compscr_1 () ', Tempspeed)}} function Picrun_ini () {GETOBJ ("List2_1"). Innerhtml=getobj ("List1_1"). InnerHTML; Getobj (' isl_cont_1 '). Scrollleft=fill_1>=0?fill_1:getobj (' List1_1 '). Scrollwidth-math.abs(Fill_1); Getobj ("Isl_cont_1"). Onmouseover=function () {clearinterval (autoplayobj_1)} getobj ("Isl_cont_1"). onmouseout= function () {autoplay_1 ()} autoplay_1 (); ///Product display scrolling picture end//--> </script> <style type= "Text/css" > <!--body {border-top-width:0px; border-left-width:0px; font-size:12px; border-bottom-width:0px; margin:0px; Font-family: Song body; Background-color: #fff; border-right-width:0px}. blk_18 {border-right: #e3e3e3 1px solid; Border-top: #e3e3e3 1px solid; margin-top:8px; font-size:12px; BACKGROUND: #f3f3f3; Overflow:hidden; Border-left: #e3e3e3 1px solid; width:390px; Border-bottom: #e3e3e3 1px solid; Zoom:1} blk_18. pcont {float:left; Overflow:hidden; width:350px}. blk_18. Scrcont {width:32766px; Zoom:1}. blk_18 #List1_1 {float:left}. blk_18 #List2_1 {float:left}. blk_18. Leftbotton {background:url (/upload/20090330141745204.gif) no-repeat; Float:left; margin:10px 1px; width:15px; HEIGHT:72PX}. blk_18.Rightbotton {background:url (/upload/20090330141745204.gif) no-repeat; Float:left; margin:10px 1px; width:15px; HEIGHT:72PX}. blk_18. Leftbotton {background-position:0px 0px; MARGIN-LEFT:5PX}. blk_18. Rightbotton {background-position:0px-100px; Margin-left: -1px}. blk_18. Leftbotton:hover {background-position: -20px 0px}. blk_18. Rightbotton:hover {background-position: -20px-100px}. blk_18. pl {Display:block; MARGIN:6PX Auto 1px; Cursor:pointer; Border-top-style:none; Border-right-style:none; Border-left-style:none; Border-bottom-style:none} blk_18. pl {border-right: #f3f3f3 1px solid; Border-top: #f3f3f3 1px solid; Float:left; Border-left: #f3f3f3 1px solid; width:114px; line-height:24px; Border-bottom: #f3f3f3 1px solid; Text-align:center; Text-decoration:underline}. blk_18 A.pl:hover {border-right: #ff9900 1px solid; Border-top: #ff9900 1px solid; BACKGROUND: #fff; Border-left: #ff9900 1px solid; COLOR: #ff9900; Border-bOttom: #ff9900 1px solid}. commu_cont3 {margin:9px 7px 7px; line-height:150%} commu_cont3 UL {width:188px}--> </style> </pead> <body> <!--pic Rotate_left start--> <div class=blk_18> <div class=pcont id=isl_cont_1> <DIV class=ScrCont> < DIV id=list1_1><!--piclist begin--> Beautiful small all the latest summer wear small earrings 30,006 value Decoration 88 flat cattle wizened knock open fortune Door 4K to 7K high-performance 70,000 decoration 102 Flat Wedding Room The latest car fuel-saving main hot items BT roast wings to be thin so wear! <!--piclist end--></div> <div id=list2_1></div></div></div></div> < SCRIPT type=text/javascript> <!--Picrun_ini ()//--> </SCRIPT> <!--picrotate_left End--> < /body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.