返回信息流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好像又可以了,纠结了一晚上,求指点。。。
这是一条镜像帖。来源:北邮人论坛 / www-technology / #29874同步于 2015/4/21
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖
Jquery的mousemove问题
a379824820
2015/4/21镜像同步4 回复
订阅后,新回复会通过你的通知中心匿名送达。
4 条回复
解决了,谢谢! 那个n是因为在两个函数里用所以我写成全局变量
【 在 yiyizym 的大作中提到: 】
改成 mouserover 看看
还有,你这样写, ...