Smarty来实现表格颜色交替显示

 以前没有用SMARTY的时候要实现表格颜色的交替显示,会用JQUERY来做,但现在的话用了SMARTY,要实现这个样式就很简单了,SMARTY提供了一个函数:cycle.以下是实例代码: 

最后实现的效果如下: 
 

test.php>>> 

<?php 
include_once("smarty_inc.php"); 
$arr=array("a","b","c","d","e","f"); 
$smarty->assign("arr",$arr); 
$smarty->display("test.tpl"); 
?> 

test.tpl>>> 

<table width="100px"> 
{section name=a loop=$arr} 
<tr bgcolor="{cycle values="#eeeeee,#55eero"}"> 
<td> 
{$arr[a]} 
</td> 
</tr> 
{/section} 
</table> 

以上就代码,使用起来很方便. 

时间: 2025-01-19 12:43:19

Smarty来实现表格颜色交替显示的相关文章

jQuery实现表格颜色交替显示的方法

 这篇文章主要介绍了jQuery实现表格颜色交替显示的方法,涉及jQuery操作表格样式的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jQuery实现表格颜色交替显示的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi

jQuery实现表格颜色交替显示的方法_jquery

本文实例讲述了jQuery实现表格颜色交替显示的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtm

Jquery 实现表格颜色交替变化鼠标移过颜色变化实例_jquery

Jquery 实现表格颜色交替变化,点击选中行,鼠标移过颜色变化效果图如下: 源码(Demo)打包下载 html代码如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http:/

JQuery 表格操作(交替显示、拖动表格行、选择行等)_javascript技巧

JQuery 确实很方便,简单的代码,却能实现一些不错的功能. 复制代码 代码如下: <script type='text/javascript'><!--     $(function(){         //交替显示行         $('#alternation').click(function(){                             $('tbody > tr:odd', $('#example')).toggleClass('alternatio

表格中两行的颜色交替显示

显示 <table id="main_table"><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td>&l

利用static实现表格的颜色隔行显示

显示 利用static实现表格的颜色隔行显示在实际编程应用中我们对STATIC的功能经常遗忘.要好好反省..:) 我们用PHP从数据库查询数据,并将结果输出到浏览器上,如果结果有很多行,表格的bgcolor如果全是单色的,浏览者会感觉不太舒服.那麽怎样做使表格各行的颜色不同呢? 请看下面: <? function getcolor() { static $colorvalue;//定义一个静态变量 if($colorvalue=="#ffffff") $colorvalue=&q

javascript简单实现表格行间隔显示颜色并高亮显示_javascript技巧

复制代码 代码如下: <script type="text/javascript"> var name; //存储tr对象的类名,当鼠标移开时进行恢复 function trcolor(){ //表格行颜色间隔显示 var tabNode = document.getElementsByTagName("table")[0]; var trNodes = tabNode.rows; for(var x=1;x<trNodes.length;x++)

利用static实现表格的颜色隔行显示_php基础

利用static实现表格的颜色隔行显示 我们用PHP从数据库查询数据,并将结果输出到浏览器上,如果结果有很多行,表格的bgcolor如果全是单色的,浏览者会感觉不太舒服.那麽怎样做使表格各行的颜色不同呢? 请看下面: <? function getcolor() { static $colorvalue;//定义一个静态变量 if($colorvalue=="#ffffff") $colorvalue="#000000"; else $colorvalue=&

线程-在一个面板上交替显示红色的圆和绿色的圆

问题描述 在一个面板上交替显示红色的圆和绿色的圆 import java.awt.Color;import java.awt.Container;import java.awt.Graphics;import java.awt.event.ActionEvent;import java.awt.event.ActionListener; import javax.swing.JButton;import javax.swing.JFrame;import javax.swing.JPanel;i