您的位置:首页> 日志> 前端技术 正文

    这个月在做一个友情链接时,发现效果图的链接排练比较有个性,它会根据链接字符的长度来决定链接每行的个数,如下图:

    因此制作标签的时候需要根据链接字符长度给它添加相应的类名(class),这样才能通过样式来实现,有些一行两个、三个、四个的不同排练方式!根据查找“扩展函数参考文档”发现有一个pe:StringLength(inputStr) 的函数,能返回字符串的长度,因此很简单的实现了该效果!

     第二个是由于客户不希望点击进入栏目页,只需要外链,因此需要判断如果栏目不是外链类型的,则不添加链接地址!查看数据库发现,NodeType的值为4 时,则栏目属于外链,这样就解决了相应的问题!

实现后输出的布局结构如下:

 

实现的标签判断代码如下:

(1)根据链接名称字符长度添加不同的类名:

(2)根据栏目节点类型决定是否添加链接: