
JQuery写法
李嘉杰
在职,努力学习
展开
-
简单的滚动切换
$(function(){ var colors=['pink','green','purple','orange','blue']; $("ul li").each(function(index,element){ $(element).css('background',colors[index]); }); $('ol li').click(function(event) { $(原创 2017-08-14 08:46:22 · 251 阅读 · 0 评论 -
简单的上下焦点图
$(function(){ $('.all ol li').click(function(event) { $(this).addClass('current').siblings().removeClass(); var index = $(this).index(); $('.all ul').stop().animate({ top:index*-170 }, 500); nu原创 2017-08-14 09:00:09 · 391 阅读 · 0 评论 -
简单的左右轮播图
$(function(){ var sx=0; var timer=null; //底部按钮切换 $('.all ol li').hover(function(event) { var index= $(this).index(); $(this).addClass('current').siblings().removeClass(); $('.all ul').stop().an原创 2017-08-14 09:35:34 · 282 阅读 · 0 评论 -
简单的右侧缩略栏风铃效果
$(function(){ var timer=null; $('.box').hover(function(){ clearTimeout(timer); timer=setTimeout(function(){ $('.box').find('a').each(function(index, el) { setTimeout(function(){ $(el).stop().an原创 2017-08-14 21:36:39 · 220 阅读 · 0 评论