长时间没有更新了,一是因为单位比较忙二来是老婆快生了。。
但一直不更新也不太好,这里送上一小段JS,FOR jQuery。
很多时候,我们需要在一堆图片列表里进行左移右移,比如我现在有10个IMG,我放到DIV里面默认显示5个,这时候我会在页面上留下两个按钮进行左移,右移,以前的移动可能会很复杂,自从有了jquery,一切变得这么简单。
XML/HTML代码
- <div id="pic_list">
- <span id="p_left"> << </span>
- <ul>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- <li><img src="aa.jpg" /><li>
- </ul>
- <span id="p_right"> >> </span>
- </div>
- <script language="JavaScript">
- <!--
- $('#p_left').click(function(){
- var list_length = $('#pic_list ul li').length;
- $('#pic_list ul li:eq(0)').before( $('#pic_list ul li:eq('+(list_length-1)+')').remove() );
- });
- $('#p_right').click(function(){
- $('#pic_list ul').append( $('#pic_list ul li:eq(0)').remove() );
- });
- //-->
- </script>
具体样式我就不提供了,黑黑,这样的方法应该算是最简单的了。。毕竟你在做页面的时候,肯定会都把li的宽度设的一样