用表格输出1-1000之间的数字实现代码(附特效)

 更新时间:2013年04月21日 15:19:44   作者:  
本文将介绍下用表格输出1-1000之间的数字同时附有特效,感兴趣的朋友可以参考下哈,希望对你有所帮助
复制代码 代码如下:

<html>
<head>
<title>
</title>
<script>
var cc= null;
function show(obj)
{
cc=obj.style.backgroundColor;
obj.style.backgroundColor="Red";
}
function disshow(obj)
{
obj.style.backgroundColor=cc;
}
</script>
</head>
<body>
<?php
echo "<table border=1 align=center width=800";
echo "<caption><h1>用表格输出1-1000之间的数字</h1></caption>";
$i=0;
$k=1;
while($i<100)
{
$i++;
if($i%2==0)
$bgc="#ccba6e";
else
$bgc="#eefa43";
echo "<tr bgcolor='".$bgc."'onmouseover='show(this)'
onmouseout='disshow(this)' >";
$j=0;
while($j<10)
{
echo "<td>".$k."</td>";
$j++;
$k++;
}
echo "</tr>";
}
echo "</table>";
?>
</body>
</html>

相关文章

  • js实现网页定位导航功能

    js实现网页定位导航功能

    这篇文章主要为大家详细介绍了js实现网页定位导航功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • 小程序双头slider选择器的实现示例

    小程序双头slider选择器的实现示例

    这篇文章主要介绍了小程序双头slider选择器的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • Mock.js的安装与使用教程(摆脱后端同学的束缚)

    Mock.js的安装与使用教程(摆脱后端同学的束缚)

    Mock功能可以根据接口/数据结构定义、Mock规则配置、Mock 期望配置,自动生成模拟数据,且使用者可以根据需要灵活构造各种结构的接口数据,下面这篇文章主要给大家介绍了关于Mock.js的安装与使用的相关资料,需要的朋友可以参考下
    2022-08-08
  • 如何判断元素是否为HTMLElement元素

    如何判断元素是否为HTMLElement元素

    这篇文章主要介绍了如何判断元素是否为HTMLElement元素。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • bootstrap table分页模板和获取表中的ID方法

    bootstrap table分页模板和获取表中的ID方法

    这篇文章主要介绍了bootstrap table分页模板和获取表中的ID方法,需要的朋友可以参考下
    2017-01-01
  • js中数组对象去重的两种方法

    js中数组对象去重的两种方法

    今天小编就为大家分享一篇关于js中数组对象去重的两种方法,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • 前端直接导出excel文件的两种方式

    前端直接导出excel文件的两种方式

    这篇文章主要介绍了两种方法在前端实现本地表格导出功能,分别是插件方式和本地直接导出,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-01-01
  • js实现轮播图效果 纯js实现图片自动切换

    js实现轮播图效果 纯js实现图片自动切换

    这篇文章主要为大家详细介绍了js实现轮播图效果,图片自动切换,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • Svelte 和 React的比较详解(一)

    Svelte 和 React的比较详解(一)

    在这篇文章中,我将Svelte 还是 React作了对比,不能以个人意见代表谁好谁坏。以及我发现使用这两个框架的一些区别,感兴趣的小伙伴可以参考阅读
    2023-04-04
  • js模拟支付宝密码输入框

    js模拟支付宝密码输入框

    这篇文章主要为大家详细介绍了js模拟支付宝密码输入框效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04

最新评论