无间断滚动marquee的详细用法解析
新闻一
我是打头的 我向上运动 我向上运动 我向上运动 |
新闻二
我是打头的 我向上运动 我向上运动 我向上运动 |
新闻三
我是打头的 我向上运动 我向上运动 |
//实现不间断滚动
function newsScroll()
{
news.style.pixelTop=(news.style.pixelTop-1)%(news.clientHeight/2);
}
timer1=setInterval('newsScroll()',10) //更改第二个参数可以改变速度,值越小,速度越快。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
JS实现div内部的文字或图片自动循环滚动代码
复制代码 代码如下: <style type="text/css"> .content{width:500px;height:300px;position:absolute;left:200px;top:100px;border:solid 2px red;padding:10px;overflow:hidden} dl{width:400px;height:30px;border:1px solid black;} </style> <div class
-
无间断滚动的新闻文章列表 多浏览器兼容
Fifty Studio│无间断滚动的新闻文章列表 @import url("/tutorials/demo/css/ie.css"); #demo{overflow:auto; } } CSS 布局演示 CSS Layout by Forestgan 2006-11-1 发表 三列自适应宽度液态布局│Three Column Liquid Layouts Internet Explorer 7 对CSS的兼容--Box Model Changes 未知大小的图片在一个已知大小容器中的
-
js实现的类marquee水平循环滚动
复制代码 代码如下: <script> var speed=20;/*速度数值越大速度越慢*/ document.getElementById('www_qpsh_com2').innerHTML=document.getElementById('www_qpsh_com1').innerHTML; /*两个层来回交替出现*/ function Marquee(){ if(document.getElementById('www_qpsh_com2').offsetWidth-document
-
js 实用的无间断滚动图效果(良好兼容性)
下面介绍一个方法:基本上实现结构跟行为相分离,两者的联系只需要一个 id就可以,使用起来很方便,而且同一个js代码可以实现在本页面多个滚动图效果,之间互不干扰, 1.xhtml 复制代码 代码如下: <div class="demo" id="demo1"> <table cellpadding="0" cellspacing="0"> <tr> <td><ul> &
-
兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
html里的marqueen也能实现内容的滚动,但滚动是间断的,在滚动一个周期中,会有一段空白出现.如果滚动的区域比较大,空间的出现,会让页面看起来很不美观.运用JavaScript可以使这一问题得到改观,实现无间断的滚动. 上下循环滚动代码: 复制代码 代码如下: <div id="demo" onmouseover="clearInterval(inter)" onmouseout="inter=setInterval(qswhMarquee,3
-
js实现的文字横向无间断滚动
我一开始想到的标签是<marquee>,因为它可以实现横向滚动.经理说它的起始位置从最右边出来的,能不能将它改成从中间出来,或者从最左边出来也行.查了相关资料,才知道<marquee>无法指定起始位置.后来在网上找到一段代码,它是用图片来实现的,我将图片改成文字之后,顺利地实现了我所想要的功能.代码如下: #gongao{width:1000px;height:30px;overflow:hidden;line-height:30px;font-size:13px;font-fam
-
无间断滚动的新闻文章列表,兼容IE、Firefox和Opera,符合W3C标准。可作Marquee
<!--Quirks Mode--> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&
-
无间断滚动marquee的详细用法解析
新闻一 我是打头的 我向上运动 我向上运动 我向上运动 新闻二 我是打头的 我向上运动 我向上运动 我向上运动 新闻三 我是打头的 我向上运动 我向上运动 //重复一次新闻内容 document.write(news.tBodies[0].innercode) //实现不间断滚动 function newsScroll() { news.style.pixelTop=(news.style.pixelTop-1)%(news.clientHeight/2); } timer1=setInterv
-
marquee的详细用法解析
先看下 marquee 的html 属性 <MARQUEE ALIGN="-" BEHAVIOR="-" BGCOLOR="-" DIRECTION="-" HEIGHT="-" WIDTH="-" HSPACE="-" VSPACE="-" LOOP="-" SCROLLAMOUNT="-&
-
无间断滚动效果 htc
marquee.htc 复制代码 代码如下: // 描述 : 无间断滚动字幕 // 版本 : 2.0 // 作者 : 宝玉(WebUC.NET) // 最新更新 : 2004-10-26 // 备 : <public:component> <public:attach event="oncontentready" onevent="f_Init()" /> <
-
iOS实现文字水平无间断滚动效果
IOS跑马灯效果,实现文字水平无间断滚动,示例代码如下: ViewController.h #import <UIKit/UIKit.h> @interface ViewController : UIViewController{ NSTimer *timer; UIScrollView *scrollViewText; } @property (nonatomic ,strong) NSArray *arrData; @end ViewController.m // // ViewContr
-
C语言中extern详细用法解析
在C语言中,修饰符extern用在变量或者函数的声明前,用来说明"此变量/函数是在别处定义的,要在此处引用". 1. extern修饰变量的声明. 举例来说,如果文件a.c需要引用b.c中变量int v,就可以在a.c中声明extern int v,然后就可以引用变量v.能够被其他模块以extern修饰符引用到的变量通常是全局变量.还有很重要的一点是,extern int v可以放在a.c中的任何地方,比如你可以在a.c中的函数fun定义的开头处声明extern int v,然后就
随机推荐
- Python实现各种排序算法的代码示例总结
- 修改fckeditor的文件上传功能步骤
- JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
- Nginx多层代理配置方法
- html5+javascript实现简单上传的注意细节
- asp.net 编程 实用语句(6条)
- php使用escapeshellarg时中文被过滤的解决方法
- Android自定义view实现阻尼效果的加载动画
- livereload工具实现前端可视化开发【推荐】
- 浅谈Linux 脚本 sh 和 ./ 的区别
- javascript基础知识整理
- Java中JDBC实现动态查询的实例详解
- asp.net 2.0 中的URL重写以及urlMappings问题
- Android 弹出软键盘所遇到的坑及解决方法
- 详解如何使用Python编写vim插件
- 磁盘垃圾文件清理器python代码实现
- Oracle中字符串截取常用方法总结【推荐】
- Windows下mysql 8.0.11 安装教程
- vue+element实现表格新增、编辑、删除功能
- 易语言增减时间命令使用讲解