文字垂直滚动之javascript代码


Posted in Javascript onJuly 29, 2015

在大型的网站新闻公告和友情链接等领域经常有这种文字或图片垂直滚动的效果,下面就介绍一下文字垂直滚动的javascript代码。

javascript代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="https://3water.com/" />
<title>三水点靠木</title>
<style> 
a { 
 display:block; 
 font-size:15px; 
 line-height:18px; 
 text-decoration:none; 
 color:#333; 
 font-family:Arial; 
 font-size:12px; 
} 
.main{ 
 background:no-repeat 4px 5px; 
 border:1px solid #aaa; 
 width:400px; 
 padding:3px 2px 2px 20px; 
} 
#thediv{ 
 height:36px; 
 overflow:hidden; 
} 
</style>
<script type="text/javascript">
var c, _ = Function;
window.onload=function(){ 
 with (o = document.getElementById("thediv")){ 
 innerHTML += innerHTML; onmouseover = _("c=1"); onmouseout = _("c=0");
 } 
 (F=_("if(#%18||!c)#++,#%=o.scrollHeight>>1;setTimeout(F,#%18?10:3000);".replace(/#/g,"o.scrollTop")))(); 
}
</script> 
</head> 
<body> 
<div class="main"> 
<div id="thediv"> 
 <a>蚂蚁部落欢迎您</a> 
 <a>只有奋斗才会有好的结果</a> 
 <a>高手都是从菜鸟成长而来</a> 
 <a>太阳马上就要出来了</a> 
 </div> 
</div> 
</body> 
</html>

以上代码就实现了文字垂直滚动的效果,文字可有上下间歇性的滚动,有需要的朋友可以来参考下,希望大家喜欢。

Javascript 相关文章推荐
轻轻松松学习JavaScript
Feb 25 Javascript
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
May 13 Javascript
js实现翻页后保持checkbox选中状态的实现方法
Nov 03 Javascript
实现点击列表弹出列表索引的两种方式
Mar 08 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
May 13 Javascript
JS关闭窗口或JS关闭页面的几种代码分享
Oct 25 Javascript
JS实现日期时间动态显示的方法
Dec 07 Javascript
即将发布的jQuery 3 有哪些新特性
Apr 14 Javascript
去除字符串左右两边的空格(实现代码)
May 12 Javascript
js实现短信发送倒计时功能(正则验证)
Feb 10 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
JavaScript简易计算器制作
Jan 17 Javascript
如何使用jQuery技术开发ios风格的页面导航菜单
Jul 29 #Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 #Javascript
详解JavaScript的Polymer框架中的通知交互
Jul 29 #Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
Jul 29 #Javascript
浅谈JavaScript的Polymer框架中的事件绑定
Jul 29 #Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 #Javascript
JS的框架Polymer中的dom-if和is属性使用说明
Jul 29 #Javascript
You might like
PHP数组传递是值传递而非引用传递概念纠正
2013/01/31 PHP
php生成rss类用法实例
2015/04/14 PHP
PHP快速生成各种信息提示框的方法
2016/02/03 PHP
CI框架封装的常用图像处理方法(缩略图,水印,旋转,上传等)
2016/11/22 PHP
javascript之卸载鼠标事件的代码
2007/05/14 Javascript
使用EXT实现无刷新动态调用股票信息
2008/11/01 Javascript
js 小贴士一星期合集
2010/04/07 Javascript
JavaScript对象学习经验整理
2013/10/12 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
2014/10/31 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
jQuery实现的精美平滑二级下拉菜单效果代码
2016/03/28 Javascript
JavaScript使用Range调色及透明度实例
2016/09/25 Javascript
javascript使用btoa和atob来进行Base64转码和解码
2017/03/20 Javascript
基于require.js的使用(实例讲解)
2017/09/07 Javascript
Vue下路由History模式打包后页面空白的解决方法
2018/06/29 Javascript
layui加载表格,绑定新增,编辑删除,查看按钮事件的例子
2019/09/06 Javascript
基于javascript实现贪吃蛇小游戏
2019/11/25 Javascript
[49:56]VG vs Optic 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
《Python之禅》中对于Python编程过程中的一些建议
2015/04/03 Python
在Python中使用matplotlib模块绘制数据图的示例
2015/05/04 Python
Linux中Python 环境软件包安装步骤
2016/03/31 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
python实现飞机大战游戏
2020/10/26 Python
Python流程控制 if else实现解析
2019/09/02 Python
基于Python中isfile函数和isdir函数使用详解
2019/11/29 Python
Django实现列表页商品数据返回教程
2020/04/03 Python
HTML5 UTF-8 中文乱码的解决方法
2013/11/18 HTML / CSS
巴西最大的家具及装饰用品店:Mobly
2017/10/11 全球购物
物业招聘计划书
2014/01/10 职场文书
金融事务专业求职信
2014/04/25 职场文书
社区文艺活动方案
2014/08/19 职场文书
个人遵守党的政治纪律情况对照检查材料思想汇报
2014/09/25 职场文书
个人融资协议书
2014/10/02 职场文书
综合办公室主任岗位职责
2015/04/01 职场文书
Win11筛选键导致键盘失灵怎么解决? Win11关闭筛选键的技巧
2022/04/08 数码科技