php表单的隔行变色,php 隔行变色的实现代码

在php编程中，最常见的一个实现就是动态输出数据，尤其是输出以表格显示的数据。

数据来源可以是xml文件，可以是数据库表中的数据，也可以是其它类型的数据，如csv、xls等。

如何以用户友好的方式显示这些数据，有时是个问题。

以隔行变色的方式显示数量较大的数据时，不失为一个好办法，结合css样式来实现。可以让数据更清晰易读，更直观。

下面分享的这段代码，可以实现如上的功能，如下：

/*** an array of animals ***/

$animals = array('dingo',

'wombat',

'platypus',

'kangaroo',

'steve irwin',

'wallaby',

'kookaburra',

'kiwi');

table tbody tr.light {

background-color:pink;

}

table tbody tr.dark {

background-color: grey;

}

table tbody tr:hover {

background-color: white;

}

隔行变色

www.jbxue.com-脚本学堂

/*** set a counter ***/

$i=0;

/*** the CSS class names ***/

$colors = array('light', 'dark');

foreach( $animals as $critter )

{

echo '

'.$critter.'';

}

说明：

本例中，我们用到了css3样式表，现在很多浏览器已经支持css3了。

大家可以尝试使用下，功能很强大，效果也不错。

如下：

tr:nth-child(odd) {

background-color: red;

}

tr:nth-child(even) {

background-color: green;

}

php表单的隔行变色,php 隔行变色的实现代码相关推荐

jQuery formValidator表单校验代码生成器ver1.1，一键产生所有代码
谈一下写代码生成器的目的 1.减少书写错误.主要是配置参数容易书写错误,JS是认大小写. 2.提高代码复用性. 3.让不懂JS的人更容易上手. 4.不用记忆配置参数. 基本操作: 产生单条校验代码 1 ...
easyui form 返回html,form（表单） - TopJUI前端框架，不用写JS代码的EasyUI
Form(表单) 使用$.fn.iForm.defaults重写默认值对象 form提供了各种方法来操作执行表单字段,比如:ajax提交, load, clear等等.当提交表单的时候可以调用vali ...
layui表单的ajax联动,layui的select联动实现代码
要实现联动效果注意两点: 第一要可以监听到select的change事件: 第二异步加载的内容,需要重新渲染后才可以正常使用. html结构: 所在省份: 请选择省份 ${provincelist. ...
html 表单提交地址栏显示=%cc%ed%bc%d3 ,HTML代码详细解析---具体代码名称
1)贴图: 2)加入连接: 写上你想写的字 3)在新窗口打开连接: 写上要写的字 4)移动字体(走马灯): 写上你想写的字 5)字体加粗: 写上你想写的字 6)字体斜体: 写上你想写的字 7)字体下划 ...
javascript表单之间的数据传递
今天有朋友问我关于用javascript来进行页面各表单之间的数据传递的问题,我以前也写过,不过从来没有注意,今天总结了一下,希望能够给大家一些帮助,也帮助我总结以前学过,用过的知识. 一,最简单的就 ...
rails设置表单默认值amp;amp;隐藏表单
需求: 用户没有登录时游客评论,需要游客输入用户名和评论内容:当用户已登录时,读取session获取用户名,隐藏输入用户名的表达,用户直接发表评论. 用户评论代码: <h2>Add a c ...
html表单输入框添加验证码,织梦Dedecms为自定义表单添加验证码功能
使用织梦Dedecms自定义表单的时候,即使你做了字段的验证,也很有可能被人刷很多垃圾的内容,更加安全的一个方法是为自定义表单添加上验证码功能.今天我就来为大家分享一下怎样给自定义表单添加验证码! 一 ...
php分享表单提交到本页的实例
我们在做表单提交时,一般都要设置表单的action属性,改属性用于指定表单提交到服务器上的哪个页面进行处理,但为空时,表示提交到本页进行处理,即提交给自己.本文章向大家分享表单提交给本页的实例. 实例 ...
onsubmit校验表单时利用ajax的return false无效解决方法
代码: function checkNewEmail(){var re_email=new RegExp("\\w+@\\w+\\.\\w+\\.?\\w*");var newEm ...
Spirng MVC +Velocity 表单绑定命令对象
通常,表单中的数据在提交之后可以通过Spring MVC的@RequestParam注解在控制器函数的参数列表中中提取出来,但是一旦表单数据过多的话,参数列表将会变得非常长,最好的解决方案是将表单中的 ...

php表单的隔行变色,php 隔行变色的实现代码

php表单的隔行变色,php 隔行变色的实现代码相关推荐

最新文章

热门文章