java，
分享于 点击 41774 次 点评：6
java，
<body> <jsp:include page="./top.jsp"></jsp:include> <!-- templatebegineditable name="editregion1" --> <div class="zhong"> <img src="./images/index.jpg" /> </div> <!-- templateendeditable --> <div class="xia"> <div class="zuo"> <a href="#" onclick="return pre();"><img src="images/1.jpg" border="0" /></a> </div> <div class="tupian" id="tupian"> <!-- 滚动示例 --> <div id="demo" align="center"> <div id="indemo" > <div id="demo1" > <!-- <a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s1.jpg" border="0" /> </a> <a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s2.jpg" border="0" /> </a> <a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s3.jpg" border="0" /> </a> <a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s4.jpg" border="0" /> </a> <a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s5.jpg" border="0" /> </a> <a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s6.jpg" border="0" /> </a> <a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s4.jpg" border="0" /> </a> <a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s5.jpg" border="0" /> </a> <a href="#"><img src="http://www.codefans.net/jscss/demoimg/wall_s6.jpg" border="0" /> </a> --> </div> <div id="demo2" ></div> </div> </div> <!-- --> </div> <div class="you"> <a href="#" onclick="return next();"><img src="images/2.jpg" border="0" /></a> </div> </div> <script type="text/javascript" src="<%=path%>/js/page.js"></script> <script type="text/javascript">function imageshow(image, w, h) { var i = image.width; var j = image.height; image.width = w; image.height = h; if (i > w) { var width_bili = w / i; var height_bili = h / j; var bili = width_bili; if (width_bili < height_bili) { bili = width_bili; } else { bili = height_bili; } i = i * bili; j = j * bili; } else { if (j > h) { bili = h / j; i = i * bili; j = j * bili; } } image.width = i; image.height = j;} var k=0; var nextt=890; function freem(){ // alert(tab.scrollleft+"---."+tab1.offsetwidth-880); if(tab.scrollleft<(tab1.offsetwidth-880)){ if(k==0){ tab.scrollleft+=4; } }else{ k=1; } if(k==1){ if(tab.scrollleft>0){ tab.scrollleft-=4; if(tab1.offsetwidth<nextt){ nextt-=(880+4); }else{ nextt-=4; } }else{ k=0; nextt=880; } } } var mymar; //var nextt=890; var pret=0; var tab; var tab1; var b=0; var myf; var productcategory_id=""; page_size=8; function findproductbyshopcategoryandproductcategory(){ managerservice.findproductbyshopcategoryandproductcategory("001",productcategory_id,cur_page,page_size,get_findproductbyshopcategoryandproductcategory); } function get_findproductbyshopcategoryandproductcategory(tt){ var p_str=page(tt[0]); var t=tt[1]; var str=""; for(var i=0;i<t.length;i++){ // str+="<div class='shang-zhong'><div class='shang-zhongtu'><img src='./productimg/"+t[i][2]+"' width='187' height='111' /></div><div class='shang-zhongzi style2'>"+t[i][1]+"</div></div>"; str+="<span class='cptp'><a href='<%=path%>/to_product.action?product_id="+t[i][0]+"' target='_blank'><img src='./productimg/"+t[i][2]+"' width='208' height='120' border='0'/></a></span>" } document.getelementbyid('demo1').innerhtml=str; //开始滚动 tab=document.getelementbyid("demo"); tab1=document.getelementbyid("demo1"); myf=setinterval(freem,10); } findproductbyshopcategoryandproductcategory(); function go_page(to_page){ cur_page=to_page; findproductbyshopcategoryandproductcategory(); return false; }var myn;var myp;var cp=0; function prem(){if(tab.scrollleft>0){ tab.scrollleft-=44; //nextt-=880;cp++;if(cp>=20){clearinterval(myp);b=0;myf=setinterval(freem,10);nextt-=880;cp=0;}}else{clearinterval(myp);b=0; myf=setinterval(freem,10);}}//66*10var cn=0;function nextm(){//alert(tab1.offsetwidth+"-->"+tab.offsetwidth+"--->"+tab.scrollleft);//alert(tab1.offsetwidth+"-->"+tab.scrollleft+"-->"+nextt);//alert(tab.scrollleft+"-->"+tab1.offsetwidth+"-->"+nextt);if(tab.scrollleft<tab1.offsetwidth&&tab1.offsetwidth>nextt){ tab.scrollleft+=44; // nextt+=880;cn++;if(cn>=20){clearinterval(myn);b=0;myf=setinterval(freem,10);nextt+=880;cn=0;}}else{clearinterval(myn);b=0;myf=setinterval(freem,10);}//alert(tab.scrollleft+"-->"+tab1.offsetwidth+"-->"+nextt);} function pre(){ cur_page--; if(cur_page<=0) cur_page=total_page; var speed=10; if(b==0){ b++; clearinterval(myf); myp=setinterval(prem,10); } //marquee(); // clearinterval(mymar); // findproductbyshopcategoryandproductcategory(); return false; } function next(){ cur_page++; if(cur_page>total_page) cur_page=1; if(b==0){ b++; clearinterval(myf); myn=setinterval(nextm,10); } /// marquee(); return false; } </script> <jsp:include page="./end.jsp"></jsp:include> </body></html><script><!----></script>相关文章
- 暂无相关文章
用户点评