今天是

爱酷家


当前位置:首页 > 站长学院 > 其他教程

jQuery实现文章list列表自定义多少行下显示一虚线方法分享

收集整理   发布时间:2013-08-22 23:02:00   阅读

jQuery实现文章list列表自定义多少行下显示一虚线方法分享

我记得在用DEDE的时候, 使用DEDE系统中自带的自定义标记管理 >> 智能标记生成向导就可以实现这个,方法简单

但今天我们说的是其他的建站系统,怎么办呢,其实也很简单,我们先看看效果

我们再看看代码部分

大家不难看出,列表页显示的是5行下显示一条虚线,但原代码下没有什么其他的代码,怎么实现呢,呵呵,其实很简单,大家看看就知道了,

我们只要在页面的最底部加上如下代码就可以实现

<script type="text/javascript">
        	$(document).ready(function(){
        		$("#newslist li").each(function(i){
        			if((i+1)%5==0){
        				$(this).addClass("o");
        			}
        		})
        	})
        </script>
if((i+1)%5==0){中的的5就是你想要多少行显示的数,记得加上JQ库和定义CSS下的#newslist .o,OK是不是很简单呢,大家去试试吧



注:⊙如转载本站原创作品,请务必包保留本文地址:

内容: