当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript制作闪烁的边框

Javascript
一个特殊的排序需求的javascript实现代码
javaScript 简单验证代码(用户名,密码,邮箱)
支持ie与FireFox的剪切板操作代码
使用JS判断是否数字和小数点组合的数字的两中方法比较(isNaN和逐判断)
javascript 表单验证常见正则
IE FF OPERA都可用的弹出层实现代码
PPK 谈 JavaScript 的 this 关键字 [翻译]
JavaScript 自动在表格前面增加序号
点击按钮后 文本框变为Select下拉列表框
js类的静态属性和实例属性的理解
点击文章内容处弹出页面代码
点击下载链接 弹出页面实现代码
签名框(Textarea)限制文字数量并适时提示
JavaScript CSS 通用循环滚动条
js removeChild 障眼法 可能出现的错误
面向对象的javascript(笔记)
JavaScript 浮点数运算 精度问题
JavaScript 接收键盘指令示例
CSS 美化表格边框为凹陷立体效果的实现方法
JavaScript 控制文本框的值连续加减

Javascript 中的 javascript制作闪烁的边框


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 207 ::
收藏到网摘: n/a

  本文介绍用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>
<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>
</body>
</html>