-_-! 鼠标悬停 图片不停止?
var j=1, timerID = 0;
function _start(){
var divs = $("#ppt_image div");
alert(divs[1]);//输出undefined
alert(divs.length);//输出0
timerID = setInterval("tupian()", 3500);
for(var i=0; i<divs.length; i++){
divs.onmouseover = function(){
clearInterval(timerID);
};
divs.onmouseout = function(){
timerID = setInterval("tupian()", 3500);
};
}
}
//以下可以正常执行图片可以自动跳转!
function tupian(){
var img=$("#image"+j).attr("img");
$("#button"+j).addClass("button"+j+"_3");
$("#text"+j).fadeIn("slow");
img="url('"+img+"')";
$("#image"+j).css({background:img,"width":"500px","height":"230px"}).fadeIn("slow");
for(var i=1;i<=6;i++){
if (j!=i){
$("#button"+i).removeClass("button"+i+"_3");
$("#image"+i).removeAttr("style");
$("#text"+i).hide();
}
}
j = j < 6 ? j + 1 : 1;
}
tupian();
_start();
//图片可以自动跳转,但是鼠标悬停后图片仍然跳转!
//请高手帮忙解决!
//还有就是我做的这个幻灯片这浏览器打开后会加载很多效果! ie6会崩溃关闭 如何解决!
//求教
function _start(){
var divs = $("#ppt_image div");
alert(divs[1]);//输出undefined
alert(divs.length);//输出0
timerID = setInterval("tupian()", 3500);
for(var i=0; i<divs.length; i++){
divs.onmouseover = function(){
clearInterval(timerID);
};
divs.onmouseout = function(){
timerID = setInterval("tupian()", 3500);
};
}
}
//以下可以正常执行图片可以自动跳转!
function tupian(){
var img=$("#image"+j).attr("img");
$("#button"+j).addClass("button"+j+"_3");
$("#text"+j).fadeIn("slow");
img="url('"+img+"')";
$("#image"+j).css({background:img,"width":"500px","height":"230px"}).fadeIn("slow");
for(var i=1;i<=6;i++){
if (j!=i){
$("#button"+i).removeClass("button"+i+"_3");
$("#image"+i).removeAttr("style");
$("#text"+i).hide();
}
}
j = j < 6 ? j + 1 : 1;
}
tupian();
_start();
//图片可以自动跳转,但是鼠标悬停后图片仍然跳转!
//请高手帮忙解决!
//还有就是我做的这个幻灯片这浏览器打开后会加载很多效果! ie6会崩溃关闭 如何解决!
//求教
...全文
相关推荐
HTML5鼠标悬停超链接显示图片特效
这是一款非常特色的HTML5鼠标悬停超链接显示图片特效,当鼠标悬停到超链接文字上时,会在超链接下面显示一张设定好的图片或者多张图片切换预览效果。
鼠标悬停停止轮播的轮播
简单的轮播实现,以及鼠标悬停在轮播图上,轮播图轮播效果停止。
js实现鼠标经过时图片滚动停止的方法
主要介绍了js实现鼠标经过时图片滚动停止的方法,可实现js滚动特效中的鼠标悬停停止图片滚动的功能,非常具有实用价值,需要的朋友可以参考下
jQuery实现列表自动循环滚动鼠标悬停时停止滚动
需要在页面中一个小的区域循环滚动展示新闻(公告、活动、图片等等),并且,鼠标悬停时停止滚动并提示,离开后,继续滚动。 效果图: 上干货 html: 代码如下: aaaaaaaaaaaaaaa bbbbbbbbbbbbbbb ccccccccccccccc <l
html5鼠标悬停图片动画展示效果
html5鼠标悬停图片动画展示效果里面包含两款不同效果的html5图片展示效果。


