jquery实例教程(十三)

《jquery实例教程(十三)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、jQuery实例教程(十三)jQuery实例教程(十三)$(document).ready(function(){varpage=1;vari=4;//向右移动$(".next").click(function(){varjq1=$(this).parent

2、s(".a1");varjq2=jq1.find(".a6");varjq3=jq1.find(".a5");varjqwidth=jq3.width();varlen=jq2.find("li").length;varpage_count=Math.ceil(len/i);if(!jq2.is(":animated")){if(page==page_count){jq2.animate({left:'0px'},"slow");page=1;}else{jq2.animate({left:'-='+jqwidth},"slow");page++;}}jq1.find("span"

3、).eq((page-1)).addClass("one").siblings().removeClass("one");});//向左移动$(".prev").click(function(){varjq1=$(this).parents(".a1");varjq2=jq1.find(".a6");varjq3=jq1.find(".a5");varjqwidth=jq3.width();varlen=jq2.find("li").length;varpage_count=Math.ceil(len/i);if(!jq2.is(":animated")){if(page==1){

4、jq2.animate({left:'-='+jqwidth*(page_count-1)},"slow");page=page_count;}else{jq2.animate({left:'+='+jqwidth},"slow");page--;}}jq1.find("span").eq((page-1)).addClass("one").siblings().removeClass("one");});});*{padding:0;margin:0;}body{font-size:12px;font-family:"

5、宋体";padding:100px;}ul{list-style-type:none;}a{color:#666;text-decoration:none;}a:hover{color:#000;text-decoration:underline;}img{border:none;}h1{font-size:12px;}.a1{width:595px;border:1pxsolid#e7e7e7;}.a2{height:35px;background:#eee;}.a2h1{height:35px;line-height:35px;padding-left:10px;float:l

6、eft;}.a3{float:left;margin:14px0010px;}.a3span{width:7px;height:7px;float:left;background:url(../img/1.gif)no-repeat;text-indent:-9999px;margin:02px;}.a3span.one{background:url(../img/2.gif)no-repeat;}.a4{float:left;margin:7px0010px;}.a4span{float:left;background:url(../img/3.gif)no-repeat;wid

7、th:31px;height:22px;text-indent:-9999px;}.a4span.next{background-position:-31px0;}.a2em{float:right;margin:10px12px00;}.a5{width:592px;height:160px;overflow:hidden;position:relative;border-top:none;}.a5ulli{float:left;margin:10px2px0;pa