Javascript制作闪烁的边框

2016-01-29 11:49 12 1 收藏

Javascript制作闪烁的边框,Javascript制作闪烁的边框

【 tulaoshi.com - Javascript 】

本文介绍用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="http://img.jcwcn.com/attachment/portal"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

来源:http://www.tulaoshi.com/n/20160129/1483470.html

延伸阅读
标签: PhotoShop PS PS教程
PS制作金光闪烁的灯光文字 教程共分为两个大的部分。首先是文字部分,输入文字后,把文字轮廓转为路径,然后设置好画笔属性,用画笔描边路径得到初步的文字,再通过复制,模糊处理,添加样式等增加文字发光效果。后面就是光斑背景制作,方法基本类似。 最终效果 一、新建一个大小800*600像素的文档,背景颜色填...
标签: PS PS基础
前几天的动态文字教程,有同学反映操作有难度,今天来一篇比较容易上手的。很多新手不理解的动画原理方面,作者也特意挑出来讲,生动贴切,通俗易懂,一学即会。素材跟源文件都给备好了,就等涨姿势了。 记得素材和源文件: 星光闪烁的文字动画PS教程素材 打开PS,新建一个文档。文档大小我选用600px*800px。新建成功后,选用渐变工具,...
标签: PS
Photoshop简单的制作蕾丝边框   第一次发比较正式的,亲们挺啊!!!!!!!!         注 :更多精彩教程请关注图老师photoshop教程栏目,tulaoShi.com图老师PS群:182958314欢迎你的加入
效果图 1 效果图 2 效果图 2 原图 1;在ps中打开图片; 2;新建图层: 3;在工具栏选择自定义形状工具; 4;调出全部形状; 5;在跳出的警告框中"替换"默认的形状; 6;在众多的形状图案中选一个你喜欢的: 7;在画面中拉出合适的大小: ...
最终效果图 制作工具:Photoshop CS 制作过程: 1、打开一张照片,如图01所示。 图01 2、选择菜单栏中的“图像”“画布大小”命令,调整参数将高度在底部加大一点,效果如图02所示。 图02 3、选择工具栏中的“矩形选框”工具,选择照片底部的一小部分,然后按“Ctrl+T”键进入缩放控制状...

经验教程

360

收藏

81
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部