给大家漏一手本人亲自精心撰写的通用ajax框架,完全兼容 IE FireFox各个版本!(附完整源码及完整范例)

于 2009-12-02 11:21:00 发布
阅读量964 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： HTML相关 文章标签： ajax框架 firefox ie border table html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lifeng_2009/article/details/4922933
js+ajax+html 生成实时分析图表(曲线图,柱状图,饼图)含代码
2009-10-13 17:13

无任何第三方插件,不使用flash,完全利用 纯 (js + html)动态生成(曲线图,柱状图,饼图) 等分析图表 含代码

在 firefox,ie等各个版本的浏览器上均运行正常!

欢迎大家踊跃拍砖! 嘿嘿

 

<!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="Content-Type" content="text/html; charset=gb2312" />
<title>藏拙网访问日志曲线图DEMO</title>
</head>

<body>
<table width="600" height="20" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
    <td bgcolor="#FFFFFF">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td align="center"></td>
      </tr>
      <tr>
        <td align="center"><img id='img1' src="images/Noname.jpg" /></td>
      </tr>
      <tr>
       <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table> </td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
    <td bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
      <tr>
         <td align="center"></td>
      </tr>
    </table></td>
......限于篇幅部分代码省略 有兴趣可以与我本人沟通 QQ 99923309
</table>

<script>

.........限于篇幅部分代码省略 有兴趣可以与我本人沟通 QQ 99923309


var i = 0;
for (i = 1; i < 25; i++) {
    var n1 = i;
    var n2 = i + 1;
    var x1 = getElementPos("img" + n1).x;
    var y1 = getElementPos("img" + n1).y;
    var x2 = getElementPos("img" + n2).x;
    var y2 = getElementPos("img" + n2).y;
    line(x1, y1, x2, y2);
}


</script>
</body>
</html>

评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值