| 标题 | jquery实现的图片点击滚动效果 |
| 内容 | 代码如下: <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ //alert($('#findclose').closest('div').attr('id')); var pic_length = $('#gd li').length; var n = 0; $('#toleft').click(function(){ if (!$('#gd').is(':animated') && n) { $('#gd').animate({left:'+=120px'},500); n--; } }); $('#toright').click(function(){ if (!$('#gd').is(':animated') && pic_length > n+5) { $('#gd').animate({left:'-=120px'},500); n++; } }); }) </script> <style type="text/css"> ul{ list-style:none; margin:0px; padding:0px; text-align:center; } #gd li { width:90px; height:80px; display:block; float:left; margin:9px 15px; } </style> <div> <div id="toleft"></div> <div> <ul id="gd"> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </div> <div id="toright"></div> </div> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。