求教各位大侠,我想要我网页中的一段文字闪烁,但是当我把JS代码插入到源代码当中,网页布局就全乱掉了,不知道是哪里出了问题
我的源代码格式如下
</tr>
<tr>
<th></th>
<td><span class="STYLE1">注意:请选择"<span class="STYLE5">即时到帐</span>"付款,否则无法到账。<span class="STYLE4"><a href="__ROOT__/statics/home/images/zfb.jpg" target="_blank">查看演示</a></span></span></td>
<td></td>
</tr>
</table>
</form>
</div>
</div>
</div>
</div>
<include file="Public:foot" />
</body>
</html>
我需要把注意:请选择"<span class="STYLE5">即时到帐</span>"付款,否则无法到账。这段文字弄成闪烁的,于是加了这样一段代码
<div id="blink">注意:请选择"即时到帐"付款,否则无法到账</div>
<script language="javascript">
function changeColor(){
var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray";
color=color.split("|");
document.getElementById("blink").style.color=color[parseInt(Math.random()() * color.length)];
}
setInterval("changeColor()",200);
</script>
但是加进去之后,刷新网页,布局就会乱掉了,请教各位大侠 我应该怎么加呢
四种方法:
写在头部
<html>
<head>
<script language="javascript">....</script>
</head>
<body>
</body>
</html>
写在body中
<html>
<head>
</head>
<body>
<script language="javascript">....</script>
</body>
</html>
引入.js文件(引入独立的“.js”文件)
<script src="***.js"></script>
<!--同样,引入的.js文件可以在头部、body中-->
嵌入HTML中
<html>
<head>
</head>
<body>
<button onclick="alert('hello!')">点击有弹窗</button>
</body>
</html>
注意:javascript是解释性语言,逐行解析,其非函数部分尽量写在HTML标签之后,否则会导致JS找不到标签-执行失败的现象(当然,不会有提示的)。
把你的JS代码放在</head>之前
标签是在页面的头部,而这个文字是在底部的啊?如果放在标签内,文字的位置也会改到 前面去了吧,还是直接在这个代码的前后再加一个标签呢?
追答文字不放,只是把下面JS这部分放到</head>标签之前
<script language="javascript">按照你说的,刚刚试了一下,只把这段代码放到标签之前,页面布局还是会乱掉的~~~~
追答那就是其他问题了吧,你把所有代码贴上来?或者+QQ2557728500
本回答被提问者采纳