首页 > web前端 > js教程 > 正文

Javascript制作闪烁的边框

黄舟
发布: 2016-12-21 15:19:06
原创
1898人浏览过

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

 以上就是Javascript制作闪烁的边框的内容,更多相关内容请关注PHP中文网(www.php.cn)! 

绘蛙AI修图
绘蛙AI修图

绘蛙平台AI修图工具,支持手脚修复、商品重绘、AI扩图、AI换色

绘蛙AI修图 264
查看详情 绘蛙AI修图
相关标签:
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号