java-CSDN博客

本文链接：https://blog.csdn.net/yangw1125/article/details/83700825



	<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" style="overflow:hidden;width: 880px;margin-left:5px;" align="center">
					<div id="indemo" style="float: left;width: 800%;">
						<div id="demo1" style="float:left;">
						<!--  
							<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" style="float:left;"></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*10
var 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>