您的位置: 首页 >日志>前端技术>详细内容

前端技术

根据文字长度添加不同类名!

来源:本站原创 发布时间:2013-12-27 17:23:01 浏览次数: 【字体:

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

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

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

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

 

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

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

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

×

用户登录