zoukankan      html  css  js  c++  java
  • 动易标签函数position() 应用

    Position()
    返回当前正在被处理的节点的 index 位置。例子://book[position()<=3].结果:选择前三个 book 元素
    当然在动易标签中,我们不需要这样用,因为用sql语句的top就可以限制输出个数了.
    在一些列表中,信息一行一行的竖直排列,如果背景色统一的话,那么就可能会让人产生视觉错误,把这行的数据对到另一行上面去了通过使用position就可以非常容易的解决这个问题
    <xsl:choose>
    <xsl:when test="(position() mod 2) = 0">
    <li class="liwhite" >内容
    </li></xsl:when><xsl:otherwise>
    <li  class="liblack" >内容
    </li>
    </xsl:otherwise>
    </xsl:choose>
    Mod 为整除的意思,也就是当前这条记录的index 是偶数时 这个li的class就要 liwhite ,如果是奇数 li的class就是 liblack,这样 数据显示就更加易阅读,
    Position() 函数的另一个应用
    很多网站上都有 头十条新闻,前面有1,2,3这样 的标示,其中1,2,3的颜色和后面4,5…的显示都不一样,是突出显示的.那么用position函数也可以轻松实现.
    第一种思路就是 前面 的判断
    <xsl:choose>
    <xsl:when test="position() &lt; 4"><span class=class1 ><xsl:value-of select="position()"/> </span>
    </xsl:when><xsl:otherwise>
    <span class=class2 ><xsl:value-of select="position()"/> </span>
    </xsl:otherwise>
    </xsl:choose>
    第二种思路就是使用图片
    <img scr="{position()}.jpg"/>
    这样显示的结果是<IMG scr="1.jpg"> 也就是一条记录一个图片,也可以两个方法结合,更加灵活的使用.

  • 相关阅读:
    C#编程技巧之钩子函数的使用——SetWindowsHookEx
    JSON(Ajax)和JsonP
    C#对象与方法
    C#数据类型
    事务处理
    面向对象之继承与多态
    C#编程语言简介
    <转>成员函数的重载、覆盖与隐藏
    视图、索引
    C#方法
  • 原文地址:https://www.cnblogs.com/mooncher/p/3414120.html
Copyright © 2011-2022 走看看