<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>
分享到：
相关推荐
java.lang.management 提供管理接口，用于监视和管理 Java 虚拟机以及 Java 虚拟机在其上运行的操作系统。 java.lang.ref 提供了引用对象类，支持在某种程度上与垃圾回收器之间的交互。 java.lang.reflect 提供类...
Applet钢琴模拟程序java源码 2个目标文件，提供基本的音乐编辑功能。编辑音乐软件的朋友，这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件，EJB来模拟银行ATM...
Java OCR（Optical Character Recognition，光学字符识别）技术是一种计算机视觉领域的应用，它能将图像中的文字转换成可编辑的文本格式。这项技术在各种场景下都有广泛应用，比如文档扫描、车牌识别、发票处理等。...
Java API文档是Java开发者的重要参考资料，它包含了Java开发工具包（JDK）中的所有类、接口、方法和常量的详细说明。这份中文网页版的Java API文档为中国的开发者提供了便利，无需通过英文版本来学习和查找API信息，...
java_011 java 人脸识别完整源代码java_011 java 人脸识别完整源代码java_011 java 人脸识别完整源代码java_011 java 人脸识别完整源代码java_011 java 人脸识别完整源代码java_011 java 人脸识别完整源代码java_011...
Applet钢琴模拟程序java源码 2个目标文件，提供基本的音乐编辑功能。编辑音乐软件的朋友，这款实例会对你有所帮助。 Calendar万年历 1个目标文件 EJB 模拟银行ATM流程及操作源代码 6个目标文件，EJB来模拟银行...
java电商源代码java电商源代码java电商源代码java电商源代码java电商源代码java电商源代码java电商源代码java电商源代码java电商源代码java电商源代码java电商源代码java电商源代码java电商源代码java电商源代码java...
java源码包实例源码JAVA开发源码50个合集: Ajax框架 ZK.rar Java图书馆管理系统源程序.rar Java图片倒影效果实例源码.rar Java图片翻折，将图像压扁.rar Java坦克大战网络对战版源代码.rar Java声音播放程序源代码....
JAVA开发人员最新版本7.0 api文档！本文档是 Java Platform Standard Edition 7 的 API ！Java 1.7 API的中文帮助文档。 深圳电信培训中心 徐海蛟博士教学用api 7.0中文文档。支持全文检索，在线即时查询。 里面列...
### Java基础知识概述 #### 1. 前言 Java是一种广泛使用的面向对象的编程语言，因其跨平台性、安全性和强大的功能而受到欢迎。Java的设计理念是“一次编写，到处运行”，这意味着编写的Java程序可以在任何安装了...
java景点导航系统java景点导航系统java景点导航系统java景点导航系统java景点导航系统java景点导航系统java景点导航系统java景点导航系统java景点导航系统java景点导航系统java景点导航系统java景点导航系统java景点...
java单机小游戏java单机小游戏java单机小游戏java单机小游戏 java单机小游戏java单机小游戏java单机小游戏java单机小游戏 java单机小游戏java单机小游戏java单机小游戏java单机小游戏 java单机小游戏java单机小游戏...
JoSQL(SQLforJavaObjects)为Java开发者提供运用SQL语句来操作Java对象集的能力.利用JoSQL可以像操作数据库中的数据一样对任何Java对象集进行查询,排序,分组。 搜索自动提示 Autotips AutoTips是为解决应用系统对于...
最新全套Java学习资料打包 最新全套Java学习资料打包 最新全套Java学习资料打包 最新全套Java学习资料打包 最新全套Java学习资料打包 最新全套Java学习资料打包 最新全套Java学习资料打包 最新全套Java...
日历表格面板 [ConfigLine.java] 控制条类 [RoundBox.java] 限定选择控件 [MonthMaker.java] 月份表算法类 [Pallet.java] 调色板，统一配色类 Java扫雷源码 Java生成自定义控件源代码 2个目标文件 Java实现HTTP连接...
Java算法集题大全Java算法集题大全Java算法集题大全Java算法集题大全Java算法集题大全Java算法集题大全Java算法集题大全Java算法集题大全Java算法集题大全Java算法集题大全Java算法集题大全Java算法集题大全Java算法...
JoSQL(SQLforJavaObjects)为Java开发者提供运用SQL语句来操作Java对象集的能力.利用JoSQL可以像操作数据库中的数据一样对任何Java对象集进行查询,排序,分组。 搜索自动提示 Autotips AutoTips是为解决应用系统对于...
HelloWorldApp.java 第一个用Java开发的应用程序。 firstApplet.java 第一个用Java开发的Applet小程序。 firstApplet.htm 用来装载Applet的网页文件 第2章 示例描述：本章介绍开发Java的基础语法知识。 ...
### Java 错误处理：java.lang.OutOfMemoryError: Java heap space 在Java应用程序开发过程中，经常遇到的一个问题就是内存溢出错误，特别是在处理大量数据或长时间运行的应用时。其中，“java.lang....
这份名为“从Java菜鸟到专家的资料”的压缩包文件包含了丰富的学习资源，旨在帮助初学者逐步成长为Java领域的专家。以下是对各个文件的详细解读： 1. **J2EE研究文集.chm**：这个文件专注于Java企业级应用开发，...