$(document).ready(function() {
var lock=1;
var i_curIndex = 1;
var aa; //函数对象
var i_curID = 0; //取得鼠标下方的对象ID
var pictureID = 0; //索引ID
var old_pictureID = 0;
var total=0;
$("#i_focus_piclist li").show(); //默认
if(TotalPlusOne>2) //只有一张图片时不运行
{
autoScroll();
total=TotalPlusOne-1;
//i_focus_piclist 是左边大图
//i_focus_tx 是大图下面的文字标题
$("#i_focus_btn li").mouseover(function() {
StopScroll();
$("#i_focus_btn li").removeClass("i_cur"); //所有的btn半透明
$(this).addClass("i_cur"); //当时BTN不透明
i_curID = $(this).attr("id"); //取当前元素的ID
old_pictureID=pictureID;
pictureID = i_curID.substring(i_curID.length - 1); //取最后一个字符
$("#i_focus_piclist li").eq(old_pictureID).hide(); //除了自身别的全部隐藏
$("#i_focus_piclist li").eq(pictureID).show(); //本身显示
$("#i_focus_tx li").hide();
$("#i_focus_tx li").eq(pictureID).show();
});
$("#i_focus_btn").mouseleave(function() {
autoScroll();
}); $("#i_focus_piclist").mouseout(function(){
autoScroll();
});$("#i_focus_piclist").mouseover(function(){
StopScroll();
}); $("#div_focus_btn").mouseout(function(){
autoScroll();
});
/*
$("#uparrow").click(function(){
StopScroll();
$("#i_focus_btn li").removeClass("i_cur"); //所有的btn半透明
i_curIndex=i_curIndex < 1 ? (TotalPlusOne-1) : (i_curIndex-1);
$("#i_focus_btn li").eq(i_curIndex).addClass("i_cur");
i_curID =i_curIndex; //取当前元素的ID
old_pictureID=pictureID;
pictureID = i_curIndex-1; //取最后一个字符
$("#i_focus_piclist li").hide(); //除了自身别的全部隐藏
$("#i_focus_piclist li").eq(pictureID).show(); //本身显示
$("#i_focus_tx li").hide();
$("#i_focus_tx li").eq(pictureID).show();
autoScroll();
});$("#downarrow").click(function(){
StopScroll();
$("#i_focus_btn li").removeClass("i_cur"); //所有的btn半透明
i_curIndex=i_curIndex >= total ? 1 : (i_curIndex+1);
$("#i_focus_btn li").eq(i_curIndex).addClass("i_cur");
i_curID =i_curIndex; //取当前元素的ID
old_pictureID=pictureID;
pictureID = i_curIndex-1; //取最后一个字符
$("#i_focus_piclist li").hide(); //除了自身别的全部隐藏
$("#i_focus_piclist li").eq(pictureID).show(); //本身显示
$("#i_focus_tx li").hide();
$("#i_focus_tx li").eq(pictureID).show();
autoScroll();
});
*/
//自动滚动
function MyScroll() {
$("#i_focus_btn li").removeClass("i_cur");
$("#i_focus_btn li").eq(i_curIndex).addClass("i_cur");
$("#i_focus_tx li").eq(i_curIndex).show();
$("#i_focus_tx li").eq(i_curIndex -1).hide();
$("#i_focus_piclist li").eq(i_curIndex).fadeIn(100);
$("#i_focus_piclist li").eq(i_curIndex-1).hide();
i_curIndex++;
i_curIndex = i_curIndex >= total ? 0 : i_curIndex;
}
function autoScroll()
{
if(lock==1)
{
aa = setInterval(MyScroll,3000);
lock=0;
}
}
function StopScroll() //当鼠标移动到对象上面的时候停止自动滚动
{
if(lock==0)
{
clearInterval(aa);
lock=1;
}
}
// function() {
//当鼠标离开对象的时候获得当前的对象的ID以便能在启动自动时与其同步
// i_curID = $(this).attr("id"); //取当前元素的ID
// pictureID = i_curID.substring(i_curID.length - 1); //取最后一个字符
// i_curIndex = pictureID+1;
// autoScroll();
// });
}
else
{
$("#i_focus_tx li").show();
}
});
var lock=1;
var i_curIndex = 1;
var aa; //函数对象
var i_curID = 0; //取得鼠标下方的对象ID
var pictureID = 0; //索引ID
var old_pictureID = 0;
var total=0;
$("#i_focus_piclist li").show(); //默认
if(TotalPlusOne>2) //只有一张图片时不运行
{
autoScroll();
total=TotalPlusOne-1;
//i_focus_piclist 是左边大图
//i_focus_tx 是大图下面的文字标题
$("#i_focus_btn li").mouseover(function() {
StopScroll();
$("#i_focus_btn li").removeClass("i_cur"); //所有的btn半透明
$(this).addClass("i_cur"); //当时BTN不透明
i_curID = $(this).attr("id"); //取当前元素的ID
old_pictureID=pictureID;
pictureID = i_curID.substring(i_curID.length - 1); //取最后一个字符
$("#i_focus_piclist li").eq(old_pictureID).hide(); //除了自身别的全部隐藏
$("#i_focus_piclist li").eq(pictureID).show(); //本身显示
$("#i_focus_tx li").hide();
$("#i_focus_tx li").eq(pictureID).show();
});
$("#i_focus_btn").mouseleave(function() {
autoScroll();
}); $("#i_focus_piclist").mouseout(function(){
autoScroll();
});$("#i_focus_piclist").mouseover(function(){
StopScroll();
}); $("#div_focus_btn").mouseout(function(){
autoScroll();
});
/*
$("#uparrow").click(function(){
StopScroll();
$("#i_focus_btn li").removeClass("i_cur"); //所有的btn半透明
i_curIndex=i_curIndex < 1 ? (TotalPlusOne-1) : (i_curIndex-1);
$("#i_focus_btn li").eq(i_curIndex).addClass("i_cur");
i_curID =i_curIndex; //取当前元素的ID
old_pictureID=pictureID;
pictureID = i_curIndex-1; //取最后一个字符
$("#i_focus_piclist li").hide(); //除了自身别的全部隐藏
$("#i_focus_piclist li").eq(pictureID).show(); //本身显示
$("#i_focus_tx li").hide();
$("#i_focus_tx li").eq(pictureID).show();
autoScroll();
});$("#downarrow").click(function(){
StopScroll();
$("#i_focus_btn li").removeClass("i_cur"); //所有的btn半透明
i_curIndex=i_curIndex >= total ? 1 : (i_curIndex+1);
$("#i_focus_btn li").eq(i_curIndex).addClass("i_cur");
i_curID =i_curIndex; //取当前元素的ID
old_pictureID=pictureID;
pictureID = i_curIndex-1; //取最后一个字符
$("#i_focus_piclist li").hide(); //除了自身别的全部隐藏
$("#i_focus_piclist li").eq(pictureID).show(); //本身显示
$("#i_focus_tx li").hide();
$("#i_focus_tx li").eq(pictureID).show();
autoScroll();
});
*/
//自动滚动
function MyScroll() {
$("#i_focus_btn li").removeClass("i_cur");
$("#i_focus_btn li").eq(i_curIndex).addClass("i_cur");
$("#i_focus_tx li").eq(i_curIndex).show();
$("#i_focus_tx li").eq(i_curIndex -1).hide();
$("#i_focus_piclist li").eq(i_curIndex).fadeIn(100);
$("#i_focus_piclist li").eq(i_curIndex-1).hide();
i_curIndex++;
i_curIndex = i_curIndex >= total ? 0 : i_curIndex;
}
function autoScroll()
{
if(lock==1)
{
aa = setInterval(MyScroll,3000);
lock=0;
}
}
function StopScroll() //当鼠标移动到对象上面的时候停止自动滚动
{
if(lock==0)
{
clearInterval(aa);
lock=1;
}
}
// function() {
//当鼠标离开对象的时候获得当前的对象的ID以便能在启动自动时与其同步
// i_curID = $(this).attr("id"); //取当前元素的ID
// pictureID = i_curID.substring(i_curID.length - 1); //取最后一个字符
// i_curIndex = pictureID+1;
// autoScroll();
// });
}
else
{
$("#i_focus_tx li").show();
}
});
解决方案 »
- 大神进来看看~~~在线等@
- JS时间比较大小
- html 标签select中的option 自定义属性
- textarea记录光标位置,并设值的问题
- 如何正常遍历下面这个json字符串,实现三层菜单
- 在子窗口关闭时,刷新父窗口时,IE给出提示“信息无法传送,请从试”。
- 利用JS验证表单项后,如何将错误结果显示出来?
- 求一带右键的javascript menuTree
- 在可编辑区内可放置图片、表格、文字,唯独不能放置层(但可通过程序添加层),请问各位达人是怎么回事?谢谢!
- 服务端的JAVASCRIPT与客户端的JAVASCRIPT在超文本里的写法有什么区别
- office2007 automation 服务器不能创建对象
- 如何让javascript不弹出新窗口启动QQ程序
autoScroll is not defined
但是有autoScroll方法,可能你的代码格式有点乱,有地方缺个}什么的