向左滚动文字 js代码效果


Posted in Javascript onAugust 17, 2013
<html>
<head>
<title>滚动文字效果</title>
<style type="text/css">
#infozone{font-size:12px;color:#aa6;overflow:hidden;width:100px;height:20px;}
#infozone div{height:20px;line-height:20px;white-space:nowrap;overflow:hidden;}
</style>
<script type="text/javascript">
var tc;
window.onload=function(){
 var o=document.getElementById('infozone');hscroll(o);
 window.setInterval(function(){window.clearTimeout(tc);o.firstChild.style.marginLeft='0px';scrollup(o,20,0);},10000);
}
function scrollup(o,d,c){
 if(d==c){
  var t=o.firstChild.cloneNode(true);
  o.removeChild(o.firstChild);o.appendChild(t);
  t.style.marginTop=o.firstChild.style.marginTop='0px';
  hscroll(o);
 }
 else{
  ch=false;var s=3,c=c+s,l=(c>=d?c-d:0);
  o.firstChild.style.marginTop=-c+l+'px';
  window.setTimeout(function(){scrollup(o,d,c-l)},50);
 }
}
function hscroll(o){
 var w1=o.firstChild.offsetWidth,w2=o.offsetWidth;
 if(w1<=w2)return;
 tc=window.setTimeout(function(){hs(o,w1-w2,0,w1-w2)},3500);
}
function hs(o,d,c,p){
 c++;var t=(c>0?-c:c);o.firstChild.style.marginLeft=t+'px';
 if(c==d){if(d==0){tc=window.setTimeout(function(){hs(o,p,0,p)},2500);}else tc=window.setTimeout(function(){hs(o,0,-p,p)},3500);}
 else tc=window.setTimeout(function(){hs(o,d,c,p)},5);
}
</script>
</head>
<body>
<div id="infozone"><div>C# 鼠标属性动态操作相关源码示例,比如、隐藏与显示鼠标指针、将鼠标左右键功能互换、更换鼠标指针形状、调用Windows鼠标设置面板等,小技巧,多多益善。</div></div>
</body>
</html></td>
   </tr>
 </table>
Javascript 相关文章推荐
JS左右无缝滚动(一般方法+面向对象方法)
Aug 17 Javascript
js触发asp.net的Button的Onclick事件应用
Feb 02 Javascript
实现只能输入数字的input不用replace方法
Sep 12 Javascript
js 动态为textbox添加下拉框数据源的方法
Apr 24 Javascript
让alert不出现弹窗的两种方法
May 18 Javascript
jQuery常用数据处理方法小结
Feb 20 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
Sep 26 Javascript
jquery组件WebUploader文件上传用法详解
Oct 23 Javascript
微信小程序 loading 详解及实例代码
Nov 09 Javascript
浅谈js中的bind
Mar 18 Javascript
vscode配置vue下的es6规范自动格式化详解
Mar 20 Javascript
微信小程序Page中data数据操作和函数调用方法
May 08 Javascript
热点新闻滚动特效的js代码
Aug 17 #Javascript
js 获取radio按钮值的实例
Aug 17 #Javascript
js 文本滚动效果的实例代码
Aug 17 #Javascript
javascript用户注册提示效果的简单实例
Aug 17 #Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 #Javascript
判断js对象是否拥有某一个属性的js代码
Aug 16 #Javascript
JS判断数组中是否有重复值得三种实用方法
Aug 16 #Javascript
You might like
Windows IIS PHP 5.2 安装与配置方法
2009/06/08 PHP
一个典型的PHP分页实例代码分享
2011/07/28 PHP
PHP中SESSION使用中的一点经验总结
2012/03/30 PHP
解析dedecms空间迁移步骤详解
2013/05/15 PHP
PHP根据IP地址获取所在城市具体实现
2013/11/27 PHP
PHP生成数组再传给js的方法
2014/08/07 PHP
Symfony2框架创建项目与模板设置实例详解
2016/03/17 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
Javascript 错误处理的几种方法
2009/06/13 Javascript
代码触发js事件(click、change)示例应用
2013/12/13 Javascript
jquery 使用简明教程
2014/03/05 Javascript
非常实用的vue导航钩子
2017/03/20 Javascript
bootstrap精简教程_动力节点Java学院整理
2017/07/14 Javascript
利用Blob进行文件上传的完整步骤
2018/08/02 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
2019/02/18 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
js简单的分页器插件代码实例
2019/09/11 Javascript
js实现转动骰子模型
2019/10/24 Javascript
vue-router的钩子函数用法实例分析
2019/10/26 Javascript
详解Vue后台管理系统开发日常总结(组件PageHeader)
2019/11/01 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
2019/11/17 Javascript
Nodejs实现WebSocket代码实例
2020/05/19 NodeJs
小程序实现背景音乐播放和暂停
2020/06/19 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
python实现Floyd算法
2018/01/03 Python
python智联招聘爬虫并导入到excel代码实例
2019/09/09 Python
Python关于__name__属性的含义和作用详解
2020/02/19 Python
怎么快速自学python
2020/06/22 Python
Python引入多个模块及包的概念过程解析
2020/09/21 Python
web页面录屏实现
2019/02/12 HTML / CSS
芬兰汽车配件商店:Autonvaraosat24
2017/01/30 全球购物
公司领导推荐信
2013/11/12 职场文书
生产厂长岗位职责
2014/02/21 职场文书
教师群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
党员发展大会主持词
2015/07/03 职场文书
《西门豹》教学反思
2016/02/23 职场文书