Javascript制作闪烁的边框

2016-01-29 11:49 8 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

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

延伸阅读
最终效果图 制作工具:Photoshop CS 制作过程: 1、打开一张照片,如图01所示。 图01 2、选择菜单栏中的“图像”“画布大小”命令,调整参数将高度在底部加大一点,效果如图02所示。 图02 3、选择工具栏中的“矩形选框”工具,选择照片底部的一小部分,然后按“Ctrl+T”键进入缩放控制状...
最终效果 1、打开图片新建一层填充白色。 2、用选框工具拉出一个比原图稍小的选区。 3、点击进入快速蒙板。 4、然Tulaoshi.com后滤镜---素描-----撕边。 5、再滤镜----模糊----动感模糊。 6、接着滤镜----扭曲----玻璃。 7、再滤镜----扭曲----旋转扭曲。 8、退出...
标签: PS效果 PS PS基础
最终效果 1、新建一个500 * 375像素的文件,背景填充黑色,然后打上白色文字,如下图。 2、按Ctrl点图层面板文字缩略图调出文字选区,然后点路径面板,选择“从选区建立工作路径”。 3、把前景颜色设置为红色,然后选择画笔工具,打开画笔设置面板,对画笔进行设置。 4、对画笔设置色相抖动为:100%。 5、新建三个新...
标签: PhotoShop PS PS教程
PS制作金光闪烁的灯光文字 教程共分为两个大的部分。首先是文字部分,输入文字后,把文字轮廓转为路径,然后设置好画笔属性,用画笔描边路径得到初步的文字,再通过复制,模糊处理,添加样式等增加文字发光效果。后面就是光斑背景制作,方法基本类似。 最终效果 一、新建一个大小800*600像素的文档,背景颜色填...
标签: PS PS基础
前几天的动态文字教程,有同学反映操作有难度,今天来一篇比较容易上手的。很多新手不理解的动画原理方面,作者也特意挑出来讲,生动贴切,通俗易懂,一学即会。素材跟源文件都给备好了,就等涨姿势了。 记得素材和源文件: 星光闪烁的文字动画PS教程素材 打开PS,新建一个文档。文档大小我选用600px*800px。新建成功后,选用渐变工具,...

经验教程

777

收藏

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