| 网站首页 | 硬件维修 | 应用学院 | 网络组建 | 网站制作 | 菜鸟黑客 | 编程之道 | 数码大全 | 娱乐休闲 | 软件下载 | 在线视频 | 请您留言 | 技术论坛 | 
专 题 栏 目
最 新 热 门
最 新 推 荐
相 关 文 章
  • javascript模拟游戏中的…

  • javascript制作浮动的工…

  • javascript设计漫天雪花

  • javascript设计网页中的…

  • 用javascript实现利用FL…

  • javascript实例教程(20)…

  • javascript实例教程(20)…

  • javascript实例教程(20)…

  • javascript实例教程(20)…

  • javascript实例教程(20)…

  • Q
    您现在的位置: 我是IT人 >> 网站制作 >> JSP >> 文章正文
    javascript制作闪烁的边框           
    javascript制作闪烁的边框
    作者:网络 文章来源:转载 点击数: 更新时间:2006-1-19
    [ 字体:缩小 正常 放大 | 双击自动滚屏 ]
    请选择合适的字体颜色:
      本文介绍用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">

    [1] [2] 下一页  

    文章录入:54iter    责任编辑:54iter 
  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    | 设为首页 | 加入收藏 | 联系站长 | 关于我们 | 友情链接 | 版权申明 |