js兑现是演示报表特效
日期：2014-05-16 浏览次数：20440 次
js实现是演示报表特效
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY style="background:#E78CF5;">
<div id = "counterArea" style="position:absolute;left:450px;top:40px;"></div>
<div id="TB_1" STYLE="position:absolute;left:50px;bottom:95px;">
<TABLE STYLE="width:430px">
<TR>
<TD>
媒体：<select ><option value='1'>上海<option value='1'>北京<option value='1'>湖北</select>
</TD>
<TD>
频道：<select ><option value='1'>随心看<option value='1'>彩票</select>
</TD>
</TR>
<TR>
<TD colspan=2>
<TABLE STYLE="BORDER:1PX SOLID #F57F3E;width:420px;">
<Th>广告位</Th>
<Th>累积访客</Th>
<Th>累积访次</Th>
<Th>今日访客</Th>
<Th>今日访次</Th>
<TR>
<TD>SXK_AAA_001</TD>
<TD>1000</TD>
<TD>3000</TD>
<TD>100</TD>
<TD>300</TD>
</TR>
<TR>
<TD>SXK_AAA_002</TD>
<TD>1000</TD>
<TD>3000</TD>
<TD>100</TD>
<TD>300</TD>
</TR>
<TR>
<TD>SXK_BBB_002</TD>
<TD>1500</TD>
<TD>3500</TD>
<TD>100</TD>
<TD>300</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</div>
<div id="barArea" style="position:absolute;left:500px;bottom:95px;">
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var moveArr = new Array();
var counter = 0;
var counterUser = 0;
function moveDiv(id){
var d = document.getElementById(id);
var l = d.offsetLeft;
var t = d.offsetTop;
var w = d.clientWidth;
var h = d.clientHeight;
var r = Math.round(Math.random()*10);
var r2 = Math.round(Math.random()*10);
//alert(l+" "+t+" "+r);
var k = id%2;
var nl = l-r;
if(k == 0){
var nl = l+r;
}
var nt = t-r2;
var nh = h+r;
var nw = w+r2;
if(nh>250){
nh = nh - r2;
}
if(nw>350){
nw = nw - r;
}
//alert(h+" "+w +" "+nl+" "+nt);
if(k==1 && (nl<20 || nt<20) ){
var r3 = Math.round(Math.random()*10);
d.style.left = (nl+r3)+"px";
d.style.top = (nt+r3)+"px";
}else if(k==0 && (nl>950 || nt<20)){
var r3 = Math.round(Math.random()*10);
d.style.left = (nl-r3)+"px";
}else{
d.style.width = nw+"px";
d.style.height = nh +"px";
d.style.left = nl+"px";
d.style.top = nt+"px";
}
}
//moveDiv();
//var move = setInterval(moveDiv,100);
function move(){
var id = Math.round(Math.random()*100000);
var date = new Date();
var colors = "1895F5,F53473,F57F3E,76F55D,15F51A,2548F5,8920F5,F526DF,371208,073715".split(",");
var r = Math.round(Math.random()*10);
var r2 = Math.round(Math.random()*10);
var names = "张三,李四,王五,赵六,陈小二,钱七,刘八,林一,孙九,史十".split(",");
var value = "<font color='#"+colors[r]+"'>"+names[r]+r+"<br>点击了<br>彩票广告"+r2+"：<br>"+ date.pattern("yyyy-MM-dd hh:mm:ss")+"</font><img src='ad"+r2+".jpg' width='40px' height='40px'>" ;
var d = document.createElement("<div id='"+id+"' style='position:absolute;width:173px;height:226px;left:600px;bottom:20px;border:0px solid red;'>1212121212</div>");
//d = document.createElement("div");
//d.innerHTML = "<font>"+value+"</font>";
d.innerHTML = "<div style='width:173px;height:226px;background:url(popo6.gif) no-repeat;padding:30px 30px 30px 30px;'>"+value+"</div>";
document.body.appendChild(d);
var obj = setInterval("moveDiv('"+id+"')",100);
moveArr[moveArr.leng
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
