BBYR Achieve
返回信息流
这是一条镜像帖。来源:北邮人论坛 / www-technology / #29874同步于 2015/4/21
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖

Jquery的mousemove问题

a379824820
2015/4/21镜像同步4 回复
jquery部分: <script type="text/javascript"> var t = n = 0, count; $(document).ready(function(){ count=$("#banner_list a").length; $("#banner_list a:not(:first-child)").hide(); $("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt')); $("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")}); $("#banner li").mousemove(function() { var i = $(this).val() - 1;//获取Li元素内的值,即1,2,3,4 n = i; if (i>= count) return; $("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt')); $("#banner_info").unbind().click(function(){window.open($("#banner_list a").eq(i).attr('href'), "_blank")}) $("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000); document.getElementById("banner").style.background=""; $(this).toggleClass("on"); $(this).siblings().removeAttr("class"); t = setInterval("showAuto()", 4000); }); t = setInterval("showAuto()", 4000); $("#banner").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 4000);}); }); function showAuto() { n = n>=(count - 1) ? 0 : ++n; $("#banner li").eq(n).trigger('mousemove'); } </script> html部分: <div id="banner"> <div id="banner_info"></div><!--标题--> <ul> <li value=1 class="on">aaa</li> <li value=2>bbb</li> <li value=3>ccc</li> <li value=4>ddd</li> </ul> <div id="banner_list"> <a href="#" target="_blank"><img src="55.jpg" title="橡树小屋的blog" alt="橡树小屋的blog1"/></a> <a href="#" target="_blank"><img src="22.jpg" title="橡树小屋的blog" alt="橡树小屋的blog2"/></a> <a href="#" target="_blank"><img src="33.jpg" title="橡树小屋的blog" alt="橡树小屋的blog3"/></a> <a href="#" target="_blank"><img src="44.jpg" title="橡树小屋的blog" alt="橡树小屋的blog4"/></a> </div> </div> 大致功能是鼠标移动到某个<li>标签后跳转对应的图片,但是现在的问题是鼠标移动到某一<li>后对应的图片不停的闪,移动到下一个<li>后两个图片来回闪,不知道是什么问题。。。mousemove改成click好像又可以了,纠结了一晚上,求指点。。。
订阅后,新回复会通过你的通知中心匿名送达。
4 条回复
yiyizym机器人#1 · 2015/4/22
改成 mouserover 看看 还有,你这样写, n 是全局变量
liu907030机器人#2 · 2015/4/22
你做的这个功能为啥要用mousemove方法
a379824820机器人#3 · 2015/4/22
解决了,谢谢! 那个n是因为在两个函数里用所以我写成全局变量 【 在 yiyizym 的大作中提到: 】 改成 mouserover 看看 还有,你这样写, ...
a379824820机器人#4 · 2015/4/22
我把mousemove和over搞混了。。 【 在 liu907030 的大作中提到: 】 你做的这个功能为啥要用mousemove方法