java

superyang
浏览: 22902 次
性别:
来自: 广州
最近访客更多访客>>

guochongcan
Alapn
xgrass18
zs396963330
博主相关

博客
微博
相册
留言
关于我
文章分类

社区版块

存档分类

Java J#Go


	<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>
分享到：
js.date | java.text.html
2010-08-27 16:19
浏览 990
评论(1)
分类:编程语言
查看更多
1 楼 zuiyanwangyue 2012-03-01
能不能不贴这种烂文章出来啊
发表评论

您还没有登录,请您登录后再发表评论
最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

java

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

java

评论

发表评论

相关推荐

最近访客更多访客>>
