求一个最简单的jquery图片切换效果。
初学jquery,想用网上用的很多的图片切换原理做另外一个东西。但是网上找的都太过于复杂,我不喜欢用复杂的东西做简单的事。所以求一段jquery代码,忘高人指点。效果如下...
初学jquery,想用网上用的很多的图片切换原理做另外一个东西。但是网上找的都太过于复杂,我不喜欢用复杂的东西做简单的事。所以求一段jquery代码,忘高人指点。效果如下:我只要div里面的图片自动切换(可不需要动画效果),但是可以设置切换时间。比如:下面的代码加JQ即可。<div> <ul> <li></li> <li></li> </ul></div>
展开
1个回答
2013-06-08
展开全部
<div class='men'> <ul> <li></li> <li style='display:none'></li> </ul></div>给第二个li加个display:none
js部分
$(document) .ready(function(){
$(".men")
.stop(false,true)
.hover(function()
{
$(this).find('li:eq(0)').stop(false,true).hide();//隐藏第一个
$(this).find('li:eq(1)').stop(false,true).show();//显示第二个
},function() {
$(this).find('li:eq(1)').stop(false,true).hide();
$(this).find('li:eq(0)').stop(false,true).show();
});
});
别忘了调用jquery的js文件
js部分
$(document) .ready(function(){
$(".men")
.stop(false,true)
.hover(function()
{
$(this).find('li:eq(0)').stop(false,true).hide();//隐藏第一个
$(this).find('li:eq(1)').stop(false,true).show();//显示第二个
},function() {
$(this).find('li:eq(1)').stop(false,true).hide();
$(this).find('li:eq(0)').stop(false,true).show();
});
});
别忘了调用jquery的js文件
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询