作者daniely ( )
看板Ajax
标题Re: [问题] javascript效果不能合并
时间Mon Dec 6 16:14:43 2010
以下是两个效果合并一起的程式码...
目前卡在模仿骇客任务文字下坠效果的部份可以动
但最底下的文字跑马灯的效果就不行了
我有试过把<body>里面的onload删掉
但这样状况就颠倒过来了= = 变成骇客效果不能动 跑马灯可以@@
我一直想不懂该用什麽方法让两者同时都能运作
希望板上前辈们可以指点一下 感谢!!!
<HTML>
<HEAD>
<TITLE>Test</TITLE>
<meta http-equiv="Content-Type" content="text/html;charset=big5">
<script type="text/javascript">
function $(id) {
return document.getElementById(id); //获取控件的ID
}
function marquee(time, oDiv, oLtd, oRtd) //制作一个marquee类别
{
/*
time 值越大速度越慢
oDiv最外层div
oLtd左边的td
oRtd右边的td
*/
var timer, width = oLtd.offsetWidth;
function move() {
if (oDiv.scrollLeft >= width) //当卷动列移动到最後时，重新
开始
oDiv.scrollLeft = 0;
else
oDiv.scrollLeft ++; //一直卷动
}
oRtd.innerHTML = oLtd.innerHTML; //左侧内容转移动到右侧
oDiv.style.overflow = "hidden"; //隐藏最外层div
oRtd.style.width = oLtd.offsetWidth; //右侧td的宽度
oDiv.onmouseover = function () { //游标移动过来的事件
window.clearInterval(timer); //清空定时器-停止卷动
};
oDiv.onmouseout = function () {
timer = window.setInterval(move, time); //游标移走便开始卷动
};
timer = window.setInterval(move, time); //开始卷动
};
window.onload = function () {
new marquee(25, $("myDiv"), $("myTd1"), $("myTd2"));
}
</script>
</HEAD>
<script language="javascript">
var strCount;
var str;
var Color;
var Font;
var sLine =
"A<br>B<br>C<br>D<br>E<br>F<br>1<br>.<br>2<br>3<br>4<br>5<br>.<br>A<br>a<br>B<br>b<br>C<br>d";
function OnLoad()
{
strCount = 40;
str = [];
Color = [];
Font = [];
Color[0] = "#002211";//文字的颜色
Color[1] = "#003311";
Color[2] = "#005511";
Color[3] = "#008811";
Color[4] = "#00BB99";
Color[5] = "#114411";
Color[6] = "#335566";
Color[7] = "#668899";
Color[8] = "#99BBAA";
Color[9] = "#CECECC";
Font[0] = "10px"; //文字的大小
Font[1] = "12px";
Font[2] = "14px";
Font[3] = "16px";
Font[4] = "18px";
setTimeout("strik()",50);
}
function strik()
{
for(var i=0;i<strCount;i++)
{
if(typeof(str[i]) != "undefined") //如果字符串存在
{
if(str[i]["Carch"].style.pixelTop > heike.clientHeight)
{
str[i]["Carch"].outerHTML = "";
delete str[i]["Level"];//删除阵列元素
delete str[i]["Speed"];
delete str[i]["Carch"];
delete str[i];
}
else
{
str[i]["Carch"].style.pixelTop += str[i]["Speed"];
}
}
else if(Math.random()<0.25) //随机小数
{
str[i] = new Array();
str[i]["Level"] = Math.round(Math.random()*4);
str[i]["Speed"] = (Math.round(Math.random()*str[i]["Level"])<<2)+10;
document.all["heike"].insertAdjacentHTML("AfterBegin","<span
id='SPAN_"+i+"'>"+sLine+"</span>");
str[i]["Carch"] = document.all["SPAN_"+i];
str[i]["Carch"].style.fontSize = Font[str[i]["Level"]]; //字体
str[i]["Carch"].style.position = "absolute"; //位置
str[i]["Carch"].style.pixelLeft =
Math.round(Math.random()*heike.clientWidth); //x坐标
str[i]["Carch"].style.pixelTop = -str[i]["Carch"].offsetHeight; //y坐标
str[i]["Carch"].style.color = Color[str[i]["Level"]+5]; //颜
色
str[i]["Carch"].style.filter =
"glow(Color="+Color[str[i]["Level"]]+",Strength=5)";//滤镜效果
str[i]["Carch"].style.zIndex = str[i]["Level"];
//z-Index
}
}
setTimeout("strik()",50);
}
</script>
<BODY onload="OnLoad()">
<div style="position:fixed;top:130px;height:500px;overflow:hidden;zIndex:0">
<table width="100%" height="80%" border="0" cellspacing="0" cellpadding="0">
<tr><td align="center" height="100%"><div id="heike"></div></td></tr>
</table></div>
<div id="myDiv" style="position:fixed;left:10px;bottom:6px;border:#CCCCCC 1px
dashed;width:1000px;overflow:hidden"><!--设置显示的宽度-->
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td id="myTd1">
<table width="1048" cellpadding="0" cellspacing="0"><!--注意这里的宽
度必须设置，并且要设置为具体值-->
<tr align="left">
<td><font color="green">ＯＯＯＯＯＯＯＯＯＯＯＯＯＯＯＯＯＯＯ！
</font></td>
<td><font color="green">ＰＰＰＰＰＰＰＰＰＰＰＰＰＰＰＰＰＰＰ！
</font></td>
<td><font color="green">ＱＱＱＱＱＱＱＱＱＱＱＱＱＱＱＱＱＱＱ！
</font></td>
<td><font color="green">ＲＲＲＲＲＲＲＲＲＲＲＲＲＲＲＲＲＲＲ！
</font></td>
</tr>
</table>
</td>
<td id="myTd2"></td>
</tr>
</tbody>
</table>
</div>
</BODY>
</HTML>
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 114.42.94.114
1F：推 itisjoe:onload被盖掉了 把<body>里的onload="OnLoad()"拿掉 12/06 17:53
2F：→ itisjoe:再把OnLoad()加到window.onload=function(){/**/}里 12/06 17:54
3F：→ daniely:感谢楼上 我把<body>里的拿掉後(跑马灯可动、骇客不能动) 12/06 19:00
4F：→ daniely:改在负责骇客效果的<script>里面加上 12/06 19:01
5F：→ daniely:window.onload=OnLoad() 又变回骇客可以动,跑马不能动了@@ 12/06 19:02
6F：→ daniely:等於说现在两个都是用window.onload但要怎麽做才不会其中 12/06 19:04
7F：→ daniely:一方盖掉另一方呢 囧" 12/06 19:04