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

来源:互联网 发布:孔浩java视频 编辑:程序博客网 时间:2024/06/08 17:31
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>

原创粉丝点击