- 浏览: 1263202 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (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 4261、postMessage()方法允许来自不同源的脚本采用异步 ... -
javascript闭包
2020-05-31 16:01 387循环,setTimeout与闭包 for(var i=1;i ... -
layui弹框
2019-12-30 09:47 1163<!DOCTYPE html> <html& ... -
跨域过滤器CrosFilter
2019-12-23 09:48 590本机部署:8081 ajax请求跨域: function i ... -
jquery的extend
2018-04-13 20:42 563jquery的$.extend()、$.fn和$.fn.ex ... -
jquery-validate 表单较验
2017-12-05 15:08 563(1) <script type=" ... -
dijit的组件不显示的问题
2011-12-17 17:13 959在html页面引入: <script type=&qu ... -
dojo 通过widgetid获取对象,dojo.query
2011-12-17 17:12 3528通过widgetid来获取dijit.fr ... -
dojo中grid 不显示的问题?
2011-12-17 16:56 1265解决方法: setTimeout(function(){ ... -
图片延迟加载技术
2011-02-22 09:36 2103尤其是对于高清晰的图片,占的几M的空间。 ImageLazyL ... -
图片的js效果
2010-09-20 17:53 6751.当鼠标放在这个图片上时,图片变换 a {backgrou ... -
Google Maps JavaScript API 实例 --显示自已所在地的地图
2010-09-17 15:09 16241.显示一个详细的地方: <!DOCTYPE html ... -
使用ext2的form提交表单(非AJAX方式)
2010-08-16 09:50 1625http://beckrabbit.iteye.com/blo ... -
js 图片预加载
2010-08-09 15:13 856http://www.iteye.com/topic/7321 ... -
学习js
2010-07-28 11:26 985http://www.webairness.com/ ... -
js图片切割
2010-06-22 10:28 968http://www.cnblogs.com/cloudgam ... -
css中应用js
2010-06-21 10:50 1035.TR{ //<tr class=tr> 它是鼠 ... -
javascript的匿名函数
2010-06-05 10:44 1002http://jeneate.blog.163.com/blo ... -
js 刷新页面
2010-06-01 15:41 1198一、自动刷新页面 1.页面自动刷新:把如下代码加 ... -
js 压缩(在线)
2010-05-24 10:52 1015http://www.jb51.net/tools/jsmin ...
相关推荐
jQuery单行文字上下不间断循环滚动效果,适合做新闻滚动推荐
JS无间断图片循环滚动效果html版 JS无间断 图片循环 JS滚动效果 无间断滚动
无间断图片循环滚动效果
JS不间断向左滚动javascript无缝隙
轻松实现图片的左右滚动,循环滚动。并且是一出来就循环
图片文字不间断滚动,图片文字不间断滚动,图片文字不间断滚动,图片文字不间断滚动
一个可以代替Marquee走马灯特效的图片滚动封装类,它可控制图片做无缝循环滚动,可以在上下左右四个方面滚动,而且具备丰富自定义设置功能。它的特点: 横向、纵向滚动格式调整 (解决横向滚动换行的问题,无需特殊...
图片不间断向左滚动,找了一下午,终于找到了!
JS实现图片的不间断连续滚动
marquee无缝隙循环 向左 向右 近日研究marquee无缝隙循环,有些心得 因为是初学JS 所以从网上找了不少别人的例子 我发现了一下问题 1.大多数html代码不符合W3C的最新标准。 2.很多代码移植性太差。 3.向左循环的...
html里的marqueen也能实现内容的滚动,...运用JavaScript可以使这一问题得到改观,实现无间断的滚动。 上下循环滚动代码: 代码如下: ”demo” xss=removed xss=removed xss=removed> ”demo1″> 111111111111111<br
Marquee Scroll通用不间断滚动JS封装类,各种方向滚动,调用十分简单!~
两组图片滚动,一组为图片下面是文字描述 循环滚动 带停顿,一组为图片文字不间断循环滚动
不间断图片左右滚动代码演示,很好用的一个js .可以调试图片以及图片大小 根据自己的需要...
4、到滚动的高度scrollTop大于或等于要滚动节点的高度时,设置scrollTop=0,并把把子节点树中的第一个移动到最后,重新开始滚动,无间断循环滚动效果就出现了。 效果图如下: 代码如下: <div id="colee" ...
* 彻底解决由于IE问题导致上下滚动页面留白的问题 (本次更新主要解决此问题,感谢天上的书生参与测试) 1.6.070131 + 禁止鼠标控制暂停或继续 (将第9个参数设置为-1或者动态赋值将ScrollSetp设置为-1) + 判断...
javascript控制图片无间断滚动,适用于相册、新闻的滚动显示。
下面小编就为大家带来一篇不间断循环滚动效果的实例代码(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
超短的无缝向上滚动公告,一看就懂怎么使用。