表格背景图颜色转换和99乘法表

最新推荐文章于 2024-08-17 21:31:15 发布

weixin_30576859

最新推荐文章于 2024-08-17 21:31:15 发布

阅读量248

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/cxx8181602/p/6134840.html

版权

表格背景图颜色转换demo

<a href=""></a><!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" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css"></style>
    <script type="text/javascript">
    var str = "<table width=500 border=1 rules=all align=center >";
        str +="<tr bgcolor='#ccc'>";
        str +="<th>编号</th> <th>新闻标题</th> <th>发布时间</th>";
        str +="</tr>";
    var i =1;
    while(i<=12)
    {        
            if(i%2==0)
            {
            str +="<tr bgcolor='#f00'>";
            }else
            {
            str +="<tr>";
            }
            str +="<td>第<font color=#0000ff>"+i+"</font>次</td> <td>&nbsp;</td> <td>&nbsp;</td>";
            str +="</tr>";
            i++;
    }
        str +="</table>";

    document.write(str);
    </script>
</head>
<body>

</body>
</html>

99乘法表demo

<!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" xml:lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>网页标题</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css"></style>
    <script type="text/javascript">
    var str =" <table width=600 border=1 rules=all align=center >";
    for(var i=1;i<=9;i++)
    {
        str +="  <tr>";
        for(var j=1;j<=i;j++)
        {
        str +="    <td>"+j+"&times;"+i+"="+j*i+"</td>";
        }
        str +="  </tr>";
    }
        str +="</table>";
    document.write(str);
    
    </script>
</head>
<body>

</body>
</html>

转载于:https://www.cnblogs.com/cxx8181602/p/6134840.html

weixin_30576859

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
表格背景图颜色转换和99乘法表

表格背景图颜色转换demo<a href=""></a><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www...
复制链接

扫一扫