网站首页   |    最新通知   |    建站技巧   |    优化网页   |    常见问题   |    常用软件   |    网络知识   |    网络推广   |    邮箱管理   |    关于域名   |    销售心得   |    D W 知识   |    P S 教程   |    网站备案   |    网页代码   |    成功案例   |    联系总部   |    提出建议   |    在线交流   |    自考成考   |    网店推广   |    开店技巧   |    开店研究   |    免费开店   |   
  鸿远首页
  社区论坛
  鸿远博客
建站技巧
会员中心
用户名
密  码
站内搜索
搜索内容
搜索类别
用表格做流动分割线

发布时间 2008-08-15

以前制作过这个教程:如何制作1像素的横线或者竖线(即分割线),现在,我们将表格与Javascript结合,可以做出更生动的分割线——流动的分割线。加入以下代码,你就可以看到一条分割线,颜色在不断的流动。

以下是代码片段:

   <script>
  l=Array(6,7,8,9,'a','b','b','c','d','e','f')
  t="<table height=2 width=60% cellspacing=0 cellpadding=0><tr>"
  for(x=0;x<40;x++){t+="<td id=a_mo"+x+"></td>"}
  document.write(t+"</tr></table>")
  function f1(y)y++
  setTimeout('f1('+y+')',1)}f1(1)
  </script>

  在上面的代码中,我们可以通过修改<table>标识中的height和width设置分割线的高度和长度
  把代码放在需要插入分割线的位置即可.

 效果如下:

 

 

相关内容
查无记录

Copyright © 2008-2010    All Rights Reserved     鸿远建站网版权所有
  地址: 广东东莞市长安颐和商务中心    Email: web@cnhynet.com    站长QQ服务:鸿远在线服务
中华人民共和国 信息产业部备案号:ICP: 粤07030154号   鸿远建站联盟网    网站管理