java，
分享于 点击 44852 次 点评：213
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*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>
相关文章
- 暂无相关文章
用户点评