- 浏览: 272767 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
18335864773:
还是用pageoffice生成excel把。生成excel后不 ...
Servlet 生成excel 并下载JXL方式 -
lliiqiang:
适当处理把条件放到查询中,有特殊情况确实需要特殊处理
lucene 多条件查询 -
chendiego:
不对,1212应该射手,返回水瓶
JAVA计算星座 -
xinming521:
img.attachEvent("onerror&q ...
js验证是否是图片 -
xzorrox3:
谢谢,又小学了一招儿。
页面图片加载失败时自动替换
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)</title> </head> <body><!--下面是向上滚动代码--> <div id=jsweb8_cn_top style=overflow:hidden;height:100;width:90;> <div id=jsweb8_cn_top1> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> </div> <div id=jsweb8_cn_top2></div> </div> <script> var speed=30 jsweb8_cn_top2.innerHTML=jsweb8_cn_top1.innerHTML //克隆jsweb8_cn_top1为jsweb8_cn_top2 function Marquee1(){ //当滚动至jsweb8_cn_top1与jsweb8_cn_top2交界时 if(jsweb8_cn_top2.offsetTop-jsweb8_cn_top.scrollTop<=0) jsweb8_cn_top.scrollTop-=jsweb8_cn_top1.offsetHeight //jsweb8_cn_top跳到最顶端 else{ jsweb8_cn_top.scrollTop++; } } var MyMar1=setInterval(Marquee1,speed)//设置定时器 //鼠标移上时清除定时器达到滚动停止的目的 jsweb8_cn_top.onmouseover=function() {clearInterval(MyMar1)} //鼠标移开时重设定时器 jsweb8_cn_top.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)} </script> <!--向上滚动代码结束--> <br> <!--下面是向下滚动代码--> <div id=jsweb8_cn_bottom style=overflow:hidden;height:100;width:90;> <div id=jsweb8_cn_bottom1> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> <img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"> </div> <div id=jsweb8_cn_bottom2></div> </div> <script> var speed=30 jsweb8_cn_bottom2.innerHTML=jsweb8_cn_bottom1.innerHTML jsweb8_cn_bottom.scrollTop=jsweb8_cn_bottom.scrollHeight function Marquee2(){ if(jsweb8_cn_bottom1.offsetTop-jsweb8_cn_bottom.scrollTop>=0) jsweb8_cn_bottom.scrollTop+=jsweb8_cn_bottom2.offsetHeight else{ jsweb8_cn_bottom.scrollTop-- } } var MyMar2=setInterval(Marquee2,speed) jsweb8_cn_bottom.onmouseover=function() {clearInterval(MyMar2)} jsweb8_cn_bottom.onmouseout=function() {MyMar2=setInterval(Marquee2,speed)} </script> <!--向下滚动代码结束--> <br> <!--下面是向左滚动代码--> <div id="jsweb8_cn_left" style="overflow:hidden;width:500px;"> <table cellpadding="0" cellspacing="0" border="0"> <tr><td id="jsweb8_cn_left1" valign="top" align="center"> <table cellpadding="2" cellspacing="0" border="0"> <tr align="center"> <td><img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"></td> <td><img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"></td> <td><img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"></td> <td><img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"></td> <td><img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"></td><td><img src="http://www.yuerjiaoyu.com/templets/images/logo.gif" width="88"></td> <td><img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"></td> </tr> </table> </td> <td id="jsweb8_cn_left2" valign="top"></td> </tr> </table> </div> <script> var speed=30//速度数值越大速度越慢 jsweb8_cn_left2.innerHTML=jsweb8_cn_left1.innerHTML function Marquee3(){ if(jsweb8_cn_left2.offsetWidth-jsweb8_cn_left.scrollLeft<=0) jsweb8_cn_left.scrollLeft-=jsweb8_cn_left1.offsetWidth else{ jsweb8_cn_left.scrollLeft++ } } var MyMar3=setInterval(Marquee3,speed) jsweb8_cn_left.onmouseover=function() {clearInterval(MyMar3)} jsweb8_cn_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)} </script> <!--向左滚动代码结束--> <br> <!--下面是向右滚动代码--> <div id="jsweb8_cn_right" style="overflow:hidden;width:500px;"> <table cellpadding="0" cellspacing="0" border="0"> <tr><td id="jsweb8_cn_right1" valign="top" align="center"> <table cellpadding="2" cellspacing="0" border="0"> <tr align="center"> <td><img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"></td> <td><img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"></td> <td><img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"></td> <td><img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"></td> <td><img src="http://www.yuerjiaoyu.com/templets/images/logo.gif"></td> </tr> </table> </td> <td id="jsweb8_cn_right2" valign="top"></td> </tr> </table> </div> <script> var speed=30//速度数值越大速度越慢 jsweb8_cn_right2.innerHTML=jsweb8_cn_right1.innerHTML function Marquee4(){ if(jsweb8_cn_right.scrollLeft<=0) jsweb8_cn_right.scrollLeft+=jsweb8_cn_right2.offsetWidth else{ jsweb8_cn_right.scrollLeft-- } } var MyMar4=setInterval(Marquee4,speed) jsweb8_cn_right.onmouseover=function() {clearInterval(MyMar4)} jsweb8_cn_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)} </script> <!--向右滚动代码结束--> </body> </html>
发表评论
-
js 表单验证
2012-09-04 15:51 852关键字:js验证表单大全,用JS控制表单提交 ,javascr ... -
js动态填充select
2011-04-01 16:54 7879<select id="ddlResour ... -
页面图片加载失败时自动替换
2010-11-18 09:02 1775在web页面中当图片实效或者图片加载失败时图片位置会出现一个红 ... -
select options remove的问题 js
2010-10-14 14:38 1952options remove的问题 很多朋友习惯用oS ... -
JS判断图片大小
2010-08-16 00:53 2023<input type="text" ... -
JS 定时显示内容
2010-08-05 15:18 1321<HTML><HEAD><TIT ... -
JS 幻灯片(左边大图右边小图)
2010-03-23 13:05 2624<!DOCTYPE html PUBLIC " ... -
JS不间断循环滚动
2010-03-13 09:26 1443<html><BODY leftMargin ... -
js 如何将字符串数字(包括小数)转换为数值?
2010-01-19 14:14 2706ECMAscriptt提供了两种把非数字的原始值转换成数字的方 ... -
js 正则表达式-2 整数,浮点数等数字
2010-01-19 14:07 9854js判断输入是否为正整数、浮点数等数字的函数 .下面列出 ... -
JS万年历
2010-01-19 02:42 1359一款很好的JS万年历 -
Ajax的十大框架(不分排名)
2010-01-19 02:24 791No1—Prototype 特点 ... -
js 去除空格与换行
2009-12-13 18:23 9593//去除空格 String.prototype.Trim = ... -
js 获取FCK的值并赋值
2009-12-13 18:13 2190<script language="javas ... -
JS 手机,邮箱,邮编,坐机等常见验证
2009-12-12 23:39 2956JS函数验证总结 //验证是否为整数,包括正负数; fun ... -
JS控制键盘输入数字
2009-12-12 23:36 4697能控制键盘输入的时候只能输入数字 邮编: <input ... -
JS输入数字与小数
2009-12-11 16:17 1306JS判断只能是数字和小 ... -
JS跳转页面参考代码大全
2009-12-01 14:14 1312JS跳转页面参考代码 第一种: <script ... -
js验证是否是图片
2009-11-23 12:51 2386<HTML> <HEAD> < ... -
鼠标点击文本框内文字就消失
2009-09-24 11:19 3611<html> <head> <t ...
相关推荐
js无缝滚动js无缝滚动js无缝滚动js无缝滚动js无缝滚动js无缝滚动js无缝滚动js无缝滚动js无缝滚动js无缝滚动js无缝滚动js无缝滚动js无缝滚动js无缝滚动js无缝滚动js无缝滚动
JS无缝图片滚动,横向和横向滚动二例,响应鼠标停止,无使用jQuery,图片滚动应用广泛,本代码在IE8、火狐等浏览器下兼容性好,代码效率高,而且代码也很少,方便大家嵌入到自己的网页中,运行效果如上图所示。
div+css+javascript 实现无缝滚动,marquee无缝滚动,无缝滚动,兼容firefox 用marquee实现首尾相连循环滚动效果(仅IE): 代码如下: ”scroll” contenteditable=”true” xss=removed scrollamount=”3″ width=”...
**兼容IE,Firefox 遵循W3C标准写法的图片无缝滚动代码(支持左移/右移功能)(本示例为上下两行图片进行双行滚动) **实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动...
有兴趣刚需的可以自己下载,非常实用的特效代码,可以完美运行,有能力的还可以二次修改!
主要为大家详细介绍了JS实现无缝循环marquee滚动效果,兼容IE, FireFox, Chrome,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera ver 4.0.4 (2011-12-11) 新增: 阿拉伯语语言包。 改善: 上传文件时显示上传中提示。 改善: JSON解析失败时,通过弹出层显示服务器返回...
PDF-XChange Viewer能够利用任何Windows的软件,比如说 Word、Excel、AutoCad来制作与Adobe相兼容的PDF文件。它具有丰富的配置和功能选项,而且非常的简单易用。它还能够当作打印机使用,以代替传统的纸质输出。 ...