• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

Javascript制作闪烁的边框_js

javascript 搞代码 7年前 (2018-06-13) 150次浏览 已收录 0个评论

本文介绍用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)
file://–>
文件二: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&gt;
<a href=”http://www.85time.com/bbs/&#8221; 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&#8221; target=”_blank”>实用引擎</a>
<a href=”http://www.85time.com/opus/opus.htm&#8221; 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/&#8221; target=”_blank”>留言板</a>
<a href=”http://www.85time.com/chat/&#8221; target=”_blank”>聊天室</a></font></td></tr></table>
</body>
</html>

欢迎大家阅读JavaScript制作闪烁的边框_js》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Javascript制作闪烁的边框_js
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址