频道直达 - 学院 - 下载 - 交易 - 特效 - 字库 - 手册 -排名-工具- 繁體
网页教学网站开发 设为首页
加入收藏
联系我们
建站搜索: 常用广告代码   用户注册 | 用户登陆
您当前的位置:中国建站之家 -> 网站开发设计技术教程 -> PHP教程 -> 无间隔纵向滚动公告栏

无间隔纵向滚动公告栏

作者:未知  来源:转载  发布时间:2005-7-21 8:46:41  发布人:acx

减小字体 增大字体

<!---
  无间隔纵向滚动公告栏
  绝无marquee的间隔情况
  作者:唠叨
  e-mail:czjsz_ah@stats.gov.cn
  2002.12
--->

<span id="_tv_box" style="width:150;height:60;overflow:hidden" onMouseOver="_tv_start=false" onMouseOut="_tv_start=true">
<span id="_tv_item" style="position:relative;top:0">
<font color=red>您好!朋友</font><br>
1.欢迎光临dev-club<br>
2.<a href="http://www.dev-club.com/club/bbs/bbsView.asp?boardid=31";>进入php编程</a><br>
3.进入joy asp<br>
4.进入script<br>
5.在dev-club您将获得最好的帮助<br>
</span>
</span>

<script>
var _tv_moveSpeed = 50; // 速度控制,两次移动的间隔ms
var _tv_movestep = 1;   // 速度控制,每次的移动量px
var _tv_post = 0;       // 工作变量,当前偏移量
var _tv_tvheight = 0;   // 工作变量,移动区域的总高度
var _tv_start = true;   // 工作变量,运动状态控制
/**
* 移动控制
* 首次调用需有参数
*/
function tv_item_move(v) {
  if(v) {  // 第一次进入
    _tv_item.innerHTML += _tv_item.innerHTML; // 复制移动区域内容,这是本算法的关键
    _tv_tvheight = _tv_item.offsetHeight;     // 获取移动区域的总高度
  }
  if(_tv_start) {  // 是移动状态
    _tv_post -= _tv_movestep;  // 计算偏移
    if(_tv_post+_tv_tvheight < _tv_box.offsetHeight)  // 若移动后将露出底部
      _tv_post += _tv_tvheight/2;  // 将偏移上调一段
    _tv_item.style.pixelTop = _tv_post;  // 设置偏移
  }
  setTimeout(''tv_item_move()'',_tv_moveSpeed); // 启动定时器
}
/*** 启动纵向滚动 ***/
tv_item_move(1);
</script>

将本文收藏到QQ书签与更多好友分享
[打 印]
[] [返回上一页] [收 藏]
上一篇文章:一个分页导航类
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
精彩推荐
热门文章
· 注册码大全二
· 注册码大全四
· 注册码大全一
· 要10G免费网络硬盘的请进..
· 通过google 赶快来赚美金..
· 注册码大全十
· 头像-qq头像(qq新头像)4..
· 让你轻松架设FTP服务器1..
· 注册码大全三
· 梦幻背景图片7
· 卡通动物图片6
· 网页制作素材-按钮素材2..
· 让你轻松架设FTP服务器5..
· 风景图片8
· 注册码大全九
· 让你轻松架设FTP服务器2..
关注此文读者还看过
· 一个多文件上传的例子(原..
· 简介动画制作过程及业界..
· 3D设计素材8
· 如何选购虚拟主机?
· 利用CDONTS发送邮件的AS..
· .NET体系中的源程序安全..
· 玩转虚拟域名◎+ .
· JavaScript通用库(一)..
· FlashMX特效之扩散与挤压..
· 智联招聘获资本投入 网络..
· Serv-U3.0的Domain设置 ..
· Photoshop简单制作立体相..
· 用Dreamweaver MX建设神..
· PHP4调用JavaBean的摸索..
· 用JSP/ASP创建WAP应用
· Google Adsense 测试新的..
相关文章
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 人才招聘
网站合作、内容监督、商务咨询:QQ: 9576619
Copyright ? 2005--2008 中国建站之家版权所有
粤ICP备05092265号