热门关键字:  8 教程  css  flash  表单  定位
当前位置 : 主页>应用技巧>列表

使用Javascript来制作闪烁的边框

来源: 作者: 时间:2007-12-31 点击:

本文介绍用JS来制作闪烁的边框,演示地址:http://www.85time.com首页,我仅制作了一个闪烁的边框,若想一个以上的边框都能闪烁,可以定义多个变量,本文中,我仅定义了一个变量mydowns! 
代码如下,共有两个文件: 
文件一:mydowns.js 
<!-- 
function flash(){ 
if (!document.all) 
return 
if (mydowns.style.borderColor=="green") 
mydowns.style.borderColor="E7FFA5" 
else 
mydowns.style.borderColor="green" 

setInterval("flash()", 800) 
//--> 
文件二:mydowns.htm 
<html> 
<body> 
<script src=mydowns.js></script> 
<table width=130 id="mydowns" style="border:1px solid green"><tr><td width="100%" lign="center"> 
<p style="text-indent: 0; word-spacing: 0; margin: 0" align="center"><font color="#008000" size="2">本站栏目</font>  http://www.dw8.org Dreamweaver 专业网站
<p style="text-indent: 0; word-spacing: 0; margin: 0" align="center"> 
<font size="2"> 
<a href="http://www.85time.com/xajh/">笑傲江湖</a> 
<a href="http://www.85time.com/bbs/" target="_blank">网友论坛</a></font> <p style="text-indent: 0; word-spacing: 0; margin: 0" align="center"> 
<font size="2"> 
<a href="http://www.85time.com/engine.htm" target="_blank">实用引擎</a> 
<a href="http://www.85time.com/opus/opus.htm" target="_blank">推荐作品</a></font> 
<p style="text-indent: 0; word-spacing: 0; margin: 0" align="center"> 
<font size="2"> 
<a href="http://www.85time.com/gb/" target="_blank">留言板</a> 
<a href="http://www.85time.com/chat/" target="_blank">聊天室</a></font></td></tr></table>  http://www.dw8.org Dreamweaver cs3 专业网站
</body> 
</html> 
http://www.dw8.org Dreamweaver cs3 专业网站

最新评论共有 0 位网友发表了评论
发表评论
评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名: 密码:
匿名?
注册