php简单隔行变色功能实现代码 原创

本文简单分析了php简单隔行变色功能实现方法。分享给大家公大家参考。具体如下：

$color="";
echo "隔行变色效果：";
echo "<ul>";
for($i=1;$i<=5;$i++){
     if($i%2==0){
         $color="yellow";
     }
     if($i%2==1){
         $color="red";
     }
     echo "<li style=\"background:".$color."; width=200px;\">这是第".$i."行</li>";
}
echo "</ul>";

希望本文所述对大家php程序学习有所帮助。

赞 (0)

相关推荐

  • phpexcel导出excel的颜色和网页中的颜色显示不一致

    关于phpexcel导出颜色的一些问题,用phpexcel做导出的excel的颜色怎么和网页中的颜色显示不一致呢?想要知道到底是怎么回事?应该如何来解决呢?PHP代码细节如下: PHP code: 复制代码 代码如下: <?php require_once './PHPExcel.php'; require_once './Excel5.php'; require_once './get_excel_row.php'; require "../include/base.php";

  • PHP实现获取图片颜色值的方法

    本例讲述了PHP实现获取图片颜色值的方法,PHP获取图片颜色值检测图片主要颜色是通过imagecreatefromjpeg函数读取图片,再循环获得各个颜色值加以计算实现的. 具体代码如下: <?php $i=imagecreatefromjpeg("photo3.jpg");//测试图片,自己定义一个,注意路径 for ($x=0;$x<imagesx($i);$x++) { for ($y=0;$y<imagesy($i);$y++) { $rgb = imagec

  • PHP实现可自定义样式的分页类

    本文实例为大家分享了PHP实现可自定义样式的分页类,供大家参考,具体内容如下 <?php //namespace Component; /** * 2016-3-27 * @author ankang */ class Page { private $ShowPage; private $CountPage; private $Floorp; private $PageUrl; private $PageClass; private $CurClass; /** * @author ankang

  • 仿dedecms下拉分页样式修改的thinkphp分页类实例

    仿dedecms下拉分页样式修改的thinkphp分页类实例

    本文实例讲述了仿dede下拉分页样式修改的thinkphp分页类.分享给大家供大家参考.具体实现方法如下: 修改thinkphp分页类:如下拉列表式分页(类似dedecms分页): 纯html代码: 复制代码 代码如下: <select name="sldd" style="width:36px" onchange="location.href=this.options[this.selectedIndex].value;"> <

  • 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/xhtml"> <head> <meta http-equiv=&qu

  • php颜色转换函数hex-rgb(将十六进制格式转成十进制格式)

    复制代码 代码如下: <?php    function hex2rgb($colour) {       if ($colour [0] == '#') {           $colour = substr ( $colour, 1 );       }       if (strlen ( $colour ) == 6) {           list ( $r, $g, $b ) = array ($colour [0] . $colour [1], $colour [2] . $c

  • JS小功能(列表页面隔行变色)简单实现

    JS小功能(列表页面隔行变色)简单实现

    效果: 代码: 复制代码 代码如下: <head runat="server">    <title></title>    <script type="text/javascript">        window.onload = function () {            var otab = document.getElementById('tab1');            var thiscolor

  • js取模（求余数）隔行变色

    复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js取模隔行变色</title><script type="text/javascript"

  • php简单隔行变色功能实现代码 原创

    本文简单分析了php简单隔行变色功能实现方法.分享给大家公大家参考.具体如下: $color=""; echo "隔行变色效果:"; echo "<ul>"; for($i=1;$i<=5;$i++){ if($i%2==0){ $color="yellow"; } if($i%2==1){ $color="red"; } echo "<li style=\"ba

  • jQuery实现的隔行变色功能【案例】

    jQuery实现的隔行变色功能【案例】

    本文实例讲述了jQuery实现的隔行变色功能.分享给大家供大家参考,具体如下: 实现效果如图: html结构代码: <ul id="ul1"> <li>我是第1个li标签</li> <li>我是第2个li标签</li> <li>我是第3个li标签</li> <li>我是第4个li标签</li> <li>我是第5个li标签</li> <li>我是

  • 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/xhtml"> <h

  • JAVAEE中用Session简单实现购物车功能示例代码

    Session简单实现购物车功能 这个小程序主要就3个页面,一个商品列表页面(HomeServlet),一个是提示加入购物车页面(AddCartTipServlet),一个是显示购物车清单页面(ShowCartServlet). HomeServlet页面: @WebServlet({ "/HomeServlet", "/home" }) public class HomeServlet extends HttpServlet { private static fi

  • PHP简单留言本功能实现代码

    PHP简单留言本功能实现代码

    本文实例为大家分享了PHP留言本功能的具体代码,供大家参考,具体内容如下 index.php <?php error_reporting(0); //关闭NOTICE提示 require_once "conn.php"; $pagesize=5; //每页显示5条数据 $sql="select count(*) from guestlist "; //选择数据库,计算符合条件的行数并返回行数 $result= mysql_query($sql); //执行,如

  • Table隔行变色的JavaScript代码

    效果演示代码: 我们 www.jb51.net 我们 www.jb51.net 我们 www.jb51.net 我们 www.jb51.net function showtable(){ var color1 = "rgb(234,240,255)"; var color2 = "rgb(255,255,255)"; var bgColor = "rgb(255,255,193)"; var trs = document.getElementBy

  • jquery入门—选择器实现隔行变色实例代码

    jquery入门—选择器实现隔行变色实例代码

    1.JQuery选择器继承了CSS.path语音的部分语法,允许通过标签名.属性名.内容对DOM元素进行快速.准确的选择. 2.JQuery选择器与JavaScript相比,具有代码简单.完善的检测机制的优势. 3.使用JQuery选择器实现隔行变色,示例代码如下: 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <T

  • JS实现表格隔行变色

    JS实现表格隔行变色

    本文实例为大家分享了JS实现表格隔行变色的具体代码,供大家参考,具体内容如下 用到的鼠标事件:(1)鼠标经过 onmouseover:(2)鼠标离开 onmouseout 核心思路:鼠标经过 tr 行的时候,当前行会改变背景颜色,鼠标离开的时候去掉背景颜色. 注意:第一行(thead 里面的行)不需要变换颜色,改变的是 tbody 里面的行. 1.获取元素,获取的是 tbody里面的行. 2.循环注册绑定事件,将 tbody 里面全部的行都得到,然后全部都注册鼠标经过和离开事件. 3.所有行绑定

  • 原生JS操作网页给p元素添加onclick事件及表格隔行变色

    原生JS操作网页给p元素添加onclick事件及表格隔行变色

    1. 给网页中的所有p元素添加onclick事件: 复制代码 代码如下: <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <html> <head> <title>Insert title here</title> <!-- <script src="jQuery/jquery-1.10.2.

  • JS实现列表页面隔行变色效果

    JS实现列表页面隔行变色效果

    先看看隔行变色效果: 代码: <head runat="server"> <title></title> <script type="text/javascript"> window.onload = function () { var otab = document.getElementById('tab1'); var thiscolor = ''; for (var i = 0; i < otab.tBod

随机推荐