- 浏览: 1324972 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (896)
- spring4 (14)
- hibernate3 (26)
- spring2 (35)
- struts2 (55)
- struts1 (15)
- 设计模式 (15)
- java (172)
- mybatis3 (11)
- sql (17)
- mysql (13)
- jbpm (10)
- J2EE (45)
- tools (29)
- js (83)
- 数据结构 (13)
- Html (26)
- web (22)
- flex (33)
- Oracle (57)
- linux (49)
- 算法 (6)
- 其它 (12)
- easyui (1)
- bootstrap (13)
- xml (2)
- tomcat (1)
- redis (10)
- activemq (2)
- webservice (11)
- maven (2)
- springboot (1)
- ubuntu (1)
- python (14)
- rocketmq (1)
- springcloud (10)
- opencv (1)
最新评论
-
mike_eclipse:
Hashtable是线程不安全的吗?好像是线程安全的吧?
多线程之集合类 -
July01:
推荐用StratoIO打印控件,浏览器和系统的兼容性都很好,而 ...
lodop打印控件 -
xingcxb:
经过测试,假的,依旧会出现中文乱码!!!!store方法里面采 ...
java 读写Properties文件,不会出现中文乱码 -
tiger20111989:
...
Spring注解方式管理事务 -
zw7534313:
...
js 文字上下滚动 无间断循环显示
<TABLE WIDTH=230 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=4>
<IMG SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_01.jpg" WIDTH=230 HEIGHT=8></TD>
</TR>
<TR>
<TD>
<IMG SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_02.jpg" WIDTH=14 HEIGHT=152></TD>
<TD bgcolor="#3BB934" WIDTH=200 HEIGHT=152>
<div class="RPR-P1">
<!-- P1-R2 begin -->
<!-- 奥运博客圈 begin -->
<div class="RPR-P1-R2">
<!-- 滚动文字 begin -->
<div id="demo" class="OBQList" style="overflow: hidden; width: 100%; height:152px; color:#fff; margin:0px;line-height:22px;">
<div id="demo1">·<a href="http://gongyi.sina.com.cn/gybb/2008-08-25/15353469.html" target="_blank" style="text-decoration:none;color:#FFFFFF ">本周捐赠逾亿元(8.22发布)</a><br>
·<a href="http://gongyi.sina.com.cn/gybb/2008-08-19/17293384.html" target="_blank" style="text-decoration:none;color:#FFFFFF ">本周捐赠总额4716万元(8.15发布)</a><br>
·<a href="http://gongyi.sina.com.cn/gybb/2008-08-15/17483317.html" target="_blank" style="text-decoration:none;color:#FFFFFF ">本周捐赠总额3.113亿元(8.8发布)</a><br>
......<br>
·<a href="http://gongyi.sina.com.cn/gybb/2008-08-05/11293206.html" target="_blank" style="text-decoration:none;color:#FFFFFF ">本周捐赠总额9.6亿元(8.1发布)</a><br>
·<a href="http://gongyi.sina.com.cn/gybb/2008-07-30/09163147.html" target="_blank" style="text-decoration:none;color:#FFFFFF ">本周捐赠总额6.447亿元(7.25发布)</a><br>
·<a href="http://gongyi.sina.com.cn/gybb/2008-07-24/17343060.html" target="_blank" style="text-decoration:none;color:#FFFFFF ">本周捐赠总额11.66亿元(7.18发布)</a><br>
......<br>
·<a href="http://gongyi.sina.com.cn/gybb/2008-07-16/17592930.html" target="_blank" style="text-decoration:none;color:#FFFFFF ">本周捐赠总额13.26亿元(7.11发布)</a><br>
·<a href="http://gongyi.sina.com.cn/gybb/2008-02-25/1720679.html" target="_blank" style="text-decoration:none;color:#FFFFFF ">本周捐赠总额18.41亿元(7.04发布)</a><br>
·<a href="http://gongyi.sina.com.cn/qycs-3/2008-06-30/14302732.html" target="_blank" style="text-decoration:none;color:#FFFFFF ">本周捐赠数据139.6亿元(6.27发布)</a><br>
......<br>
</div>
<div id="demo2"></div>
</div>
<script>
var speed = 50
var _demo = document.getElementById("demo");
var _demo1 = document.getElementById("demo1");
var _demo2 = document.getElementById("demo2");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(_demo2.offsetTop-_demo.scrollTop<=0){
_demo.scrollTop-=_demo1.offsetHeight
}else{
_demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
_demo.onmouseover=function() {clearInterval(MyMar)}
_demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<!-- 滚动文字 end -->
</div>
</div>
<!-- 奥运博客圈 end -->
<!-- P1-R2 end -->
</div>
<!-- P1 end -->
</div>
</TD>
<TD>
<IMG SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_04.jpg" WIDTH=1 HEIGHT=152></TD>
<TD>
<IMG SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_05.jpg" WIDTH=15 HEIGHT=152></TD>
</TR>
<TR>
<TD COLSPAN=4>
<IMG SRC="http://cs.sina.com.cn/minisite/2007gongyi/images/cn_zty_b15_06.jpg" WIDTH=230 HEIGHT=9></TD>
</TR>
</TABLE>
评论
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>不间断上下循环滚动的公告栏效果</title> </head> <body> <table width="400" border="1" cellpadding="0" cellspacing="0"> <tr> <td width=200 height=152> <div class="RPR-P1"> <div class="RPR-P1-R2"> <div id="demo" style="overflow: hidden; width: 100%; height:152px; color:white; margin:0px;line-height:22px;"> <div id="demo1"> ·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠逾亿元(8.22发布)</a><br> ·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额4716万元(8.15发布)</a><br> ·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额3.113亿元(8.8发布)</a><br> ·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额9.6亿元(8.1发布)</a><br> ·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额6.447亿元(7.25发布)</a><br> ·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额11.66亿元(7.18发布)</a><br> ·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额13.26亿元(7.11发布)</a><br> ·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额18.41亿元(7.04发布)</a><br> ·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠数据139.6亿元(6.27发布)</a><br> ·<a href="javascript:alert('超链接')" style="text-decoration:none">本周捐赠总额18.41亿元(7.04发布)</a><br> </div> <div id="demo2"> </div> </div> </div> </div> </td> </tr> </table> <script> var speed = 50 var _demo = document.getElementById("demo"); var _demo1 = document.getElementById("demo1"); var _demo2 = document.getElementById("demo2"); demo2.innerHTML=demo1.innerHTML function Marquee(){ if(_demo2.offsetTop-_demo.scrollTop<=0){ _demo.scrollTop-=_demo1.offsetHeight }else{ _demo.scrollTop++ } } var MyMar=setInterval(Marquee,speed) _demo.onmouseover=function() {clearInterval(MyMar)} _demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> </body> </html>
发表评论
-
postMessage的使用,frame跨域传值
2020-07-11 10:03 5091、postMessage()方法允许来自不同源的脚本采用异步 ... -
javascript闭包
2020-05-31 16:01 640循环,setTimeout与闭包 for(var i=1;i ... -
layui弹框
2019-12-30 09:47 1238<!DOCTYPE html> <html& ... -
跨域过滤器CrosFilter
2019-12-23 09:48 693本机部署:8081 ajax请求跨域: function i ... -
jquery的extend
2018-04-13 20:42 645jquery的$.extend()、$.fn和$.fn.ex ... -
jquery-validate 表单较验
2017-12-05 15:08 642(1) <script type=" ... -
dijit的组件不显示的问题
2011-12-17 17:13 1045在html页面引入: <script type=&qu ... -
dojo 通过widgetid获取对象,dojo.query
2011-12-17 17:12 3604通过widgetid来获取dijit.fr ... -
dojo中grid 不显示的问题?
2011-12-17 16:56 1324解决方法: setTimeout(function(){ ... -
图片延迟加载技术
2011-02-22 09:36 2185尤其是对于高清晰的图片,占的几M的空间。 ImageLazyL ... -
图片的js效果
2010-09-20 17:53 7471.当鼠标放在这个图片上时,图片变换 a {backgrou ... -
Google Maps JavaScript API 实例 --显示自已所在地的地图
2010-09-17 15:09 16951.显示一个详细的地方: <!DOCTYPE html ... -
使用ext2的form提交表单(非AJAX方式)
2010-08-16 09:50 1707http://beckrabbit.iteye.com/blo ... -
js 图片预加载
2010-08-09 15:13 923http://www.iteye.com/topic/7321 ... -
学习js
2010-07-28 11:26 1049http://www.webairness.com/ ... -
js图片切割
2010-06-22 10:28 1073http://www.cnblogs.com/cloudgam ... -
css中应用js
2010-06-21 10:50 1105.TR{ //<tr class=tr> 它是鼠 ... -
javascript的匿名函数
2010-06-05 10:44 1073http://jeneate.blog.163.com/blo ... -
js 刷新页面
2010-06-01 15:41 1265一、自动刷新页面 1.页面自动刷新:把如下代码加 ... -
js 压缩(在线)
2010-05-24 10:52 1087http://www.jb51.net/tools/jsmin ...
相关推荐
标题和描述提到的"jQuery单行文字上下不间断循环滚动效果"就是一个这样的实例,它主要用于创建一串文字在单一行内循环滚动,通常用于网站的头部或侧边栏,以动态展示最新的新闻标题或公告。 要实现这个效果,首先...
JS无间断图片循环滚动效果html版 JS无间断 图片循环 JS滚动效果 无间断滚动
本教程将详细讲解如何使用JS实现图片的不间断左右循环滚动效果。 首先,我们需要理解核心概念:滚动。在网页中,滚动通常涉及到元素的动态移动,这可以通过改变其CSS属性来实现。这里的"不间断"意味着滚动效果应该...
在探讨“JS文字无限,有间断往上滚动”的技术实现时,我们首先需要理解这个功能的基本概念:通过JavaScript(简称JS)实现一段文本或多个文本元素在网页上以连续但带有间断的方式向上滚动,同时当滚动到一定程度时,...
### 知识点:简单的无间断图片循环 #### 一、概述 本文将详细介绍如何通过HTML和JavaScript实现一个简单的无间断图片循环效果。这种技术常用于网站设计中的轮播图或者背景动画等场景,能够使图片在网页上平滑、...
无间断图片循环滚动效果是一种常见的网页动态展示技术,常用于网站广告轮播、产品展示等场景。这种效果能够使一组图片在用户面前连续、平滑地切换,营造出一种不间断的视觉体验。在JavaScript(JS)中实现这种效果,...
根据给定文件的信息,本文将详细介绍如何实现网页上连续滚动的文字效果,并确保其无间断地展示。在实际开发过程中,这种效果常用于新闻滚动、公告栏等场景,能够有效地吸引用户注意力并传达重要信息。 ### 实现原理...
标题提到的"推荐通用文字图片JS不间断滚动封装类 代替Marquee",就是一种利用JavaScript实现的动态效果,它旨在为文字和图片提供一种类似传统的Marquee(滚动条)效果,但更加灵活且易于使用的解决方案。Marquee是...
标题中的“jquery版文字水平方向无限循环滚动”指的是一个基于jQuery实现的JavaScript特效,它使得文字能够在水平方向上持续、不间断地循环滚动。这个技术在网页设计中常用于展示新闻标题、广告语或者滚动公告等,能...
JS不间断向左滚动javascript无缝隙
在网页设计中,不间断文字滚动(也称为跑马灯或滚动公告)是一种常见的效果,用于显示大量的文本内容,例如新闻更新、公告或广告。这种效果能够节省页面空间,同时吸引用户的注意力。 在标题中提到的“javascript不...
JavaScript(简称JS)是一种轻量级的脚本语言,常用于网页交互和动态效果的实现。在网页设计中,"不间断向上滚动"是一种常见的特效,它使得页面内容以连续、循环的方式从底部向上滚动,给予用户一种新颖的浏览体验。...
下面我们将深入探讨如何使用JavaScript实现图片不间断向左滚动的原理与方法。 首先,我们需要一个包含多个图片的HTML结构,每个图片元素可以是一个`<img>`标签或者一个`<div>`标签内嵌图片。这些图片通常会被设置为...
在这个特定的场景中,我们讨论的是如何使用JavaScript实现文本不间断上线滚动效果,这种效果常见于新闻网站的滚动公告或者滚动字幕。 要实现这种效果,首先我们需要创建一个HTML结构,包含一个可以容纳滚动文本的...
在IT行业中,"不间断滚动图片"和"滚动文字"是一种常见的网页动态效果,常用于新闻网站、广告展示或产品介绍等场景。这种效果能够吸引用户的注意力,提高信息的传播效率。接下来,我们将深入探讨实现这些效果的技术...
- `js`:JavaScript代码通常放在这里,可能包含jQuery库以及无缝循环滚动插件的源代码。 - `css`:CSS样式表,用于定义元素的外观和布局,以及滚动动画的样式。 通过分析这些文件,我们可以了解插件的工作原理,并...
【标题】"不间断上下滚动公告代码.rar"是一个包含JavaScript实现的滚动公告效果的代码资源。在网页设计中,滚动公告通常用于展示重要的信息或者更新,它以动态的方式吸引用户的注意力,使得信息传递更加高效。 ...
无缝滚动可以让内容不间断地、平滑地在页面上滚动,给浏览者带来流畅的视觉体验。 1. **基础概念** - **DOM(Document Object Model)**:JS操作网页内容的主要方式就是通过DOM,它是一个树形结构,表示了HTML或...
jQuery 是一个广泛使用的 JavaScript 库,它简化了DOM操作、事件处理和动画效果,因此用jQuery来实现公告的上下无缝滚动是理想的选择。在本教程中,我们将深入探讨如何使用jQuery实现这个功能。 首先,我们需要在...
本文将重点介绍如何使用JavaScript实现marquee的无缝隙循环效果,特别是解决常见的三个问题:不符合W3C标准、代码移植性差以及动态添加图片时的局限性。 #### 二、背景与挑战 ##### 1. HTML不符合W3C的最新标准 ...