文字垂直滚动之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 相关文章推荐
php图像生成函数之间的区别分析
Dec 06 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
Sep 25 Javascript
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 Javascript
Javascript仿新浪游戏频道鼠标悬停显示子菜单效果
Aug 21 Javascript
javascript实现表单验证
Jan 29 Javascript
基于jQuery实现照片墙自动播放特效
Jan 12 Javascript
JS中的作用域链
Mar 01 Javascript
JS简单实现自定义右键菜单实例
May 31 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
Nov 03 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
Jan 10 Javascript
JavaScript Array对象使用方法解析
Sep 24 Javascript
react-intl实现React国际化多语言的方法
Sep 27 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/06/06 PHP
PHP使用GIFEncoder类处理gif图片实例
2014/07/01 PHP
php 从指定数字中获取随机组合的简单方法(推荐)
2017/04/05 PHP
php实现socket推送技术的示例
2017/12/20 PHP
Laravel如何创建服务器提供者实例代码
2019/04/15 PHP
JavaScript在IE中“意外地调用了方法或属性访问”
2008/11/19 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
2013/10/25 Javascript
使用jsonp完美解决跨域问题
2014/11/27 Javascript
jQuery添加options点击事件并传值实例代码
2016/05/18 Javascript
JavaScript中实现键值对应的字典与哈希表结构的示例
2016/06/12 Javascript
jQuery Easyui快速入门教程
2016/08/21 Javascript
jQuery插件FusionCharts实现的MSBar3D图效果示例【附demo源码】
2017/03/23 jQuery
详解如何使用webpack打包Vue工程
2017/05/27 Javascript
Angular.JS中select下拉框设置value的方法
2017/06/20 Javascript
react路由配置方式详解
2017/08/07 Javascript
JavaScript创建对象的四种常用模式实例分析
2019/01/11 Javascript
深入解析vue 源码目录及构建过程分析
2019/04/24 Javascript
vue使用echarts实现水平柱形图实例
2020/09/09 Javascript
[03:59]DOTA2英雄梦之声_第07期_水晶室女
2014/06/23 DOTA
[54:05]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第一场 1月9日
2021/03/11 DOTA
Python中的自定义函数学习笔记
2014/09/23 Python
彻底理解Python list切片原理
2017/10/27 Python
python 读取摄像头数据并保存的实例
2018/08/03 Python
关于Keras Dense层整理
2020/05/21 Python
德国电子商城:ComputerUniverse
2017/04/21 全球购物
英国优质鞋类专家:Robinson’s Shoes
2017/12/08 全球购物
美国最好的葡萄酒网上商店:Wine Library
2019/11/02 全球购物
利达恒信公司.NET笔试题面试题
2016/03/05 面试题
毕业生找工作的自我评价
2013/10/18 职场文书
高一物理教学反思
2014/01/24 职场文书
机电职业生涯规划书范文
2014/03/08 职场文书
班主任经验交流会主持词
2014/04/01 职场文书
工厂仓管员岗位职责
2015/04/01 职场文书
小学生作文之《压岁钱的烦恼》
2019/09/27 职场文书
Python OpenCV超详细讲解基本功能
2022/04/02 Python
蓝牙耳机怎么连接电脑win11? Win11蓝牙耳机连接电脑的技巧
2023/01/09 数码科技