一段按页自动滚动文字或图片的Js代码
<div id=demo style="position:relative;padding:10px;border:solid 1px green;BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 510px; COLOR: red; HEIGHT: 100px">
<div id="demo1" style="position:relative;">
您的图片或者要滚动的内容1<br>
您的图片或者要滚动的内容2<br>
您的图片或者要滚动的内容3<br>
您的图片或者要滚动的内容4<br>
您的图片或者要滚动的内容5<br>
您的图片或者要滚动的内容6<br>
您的图片或者要滚动的内容7<br>
您的图片或者要滚动的内容8<br>
您的图片或者要滚动的内容9<br>
您的图片或者要滚动的内容10<br>
您的图片或者要滚动的内容12<br>
您的图片或者要滚动的内容13<br>
您的图片或者要滚动的内容14<br>
您的图片或者要滚动的内容15<br>
您的图片或者要滚动的内容16<br>
您的图片或者要滚动的内容17<br>
您的图片或者要滚动的内容18<br>
您的图片或者要滚动的内容19<br>
</div>
</div>
<SCRIPT language=javascript>
var speed=2000;
function scrollit()
{
var obj=document.getElementById("demo1");
obj.style.posTop=obj.style.posTop-100;
var offH=obj.style.posTop+obj.offsetHeight;
alert(obj.style.posTop);
if (offH<0)
{
obj.style.posTop=0;
}
}
setInterval(scrollit,speed);
</SCRIPT>
一次滚动一页,如果滚动图片就把div中的数据换为图片,用li元素定义也可以
转载于:https://www.cnblogs.com/goody9807/archive/2007/08/29/874380.html
一段按页自动滚动文字或图片的Js代码相关推荐
- html图片加滚动文字,滚动文字、图片等html代码
1.代码: 我是nancy 2.各参数详解: a)scrollAmount.它表示速度,值越大速度越快.如果没有它,默认为6,建议设为1-3比较好. b)width和height,表示滚动区域的大小, ...
- 长微博工具:菊子曰自动微博文字转图片,突破微博140字限制,一键发布完成...
菊子曰从4.7 G57版本开始,新增加长微博功能,能轻松的把微博文字转为图片,突破微博140字限制,转换后的图片中文字清晰. 使用方法:在发布时,如果文字内容超过140字,软件会自动提示是否转为图片( ...
- 如何让图片在html中自动填充颜色,如何使用传图水印功能在图片上传时自动添加文字或图片水印?...
下面我们来了解一下小蚂蚁编辑器的功能"传图水印"!开启传图水印功能后,所有上传的图片会自动添加文字或图片水印,并且支持自定义设置水印的展现形式. 一.开启传图水印 ① 鼠标移动到首 ...
- php给图片加图片水印,php给图片添加文字或图片水印实现代码
原标题:php给图片添加文字或图片水印实现代码 一.文字水印 文字水印就是在图片上加上文字,主要使用gd库的imagefttext方法,并且需要字体文件.效果图如下: $dst_path = 'dst ...
- 无缝循环滚动图片的JS代码
无缝循环滚动图片的JS代码,用来展示商品什么的最好了,图片URL可以自行替换,速度也可以自己调试. <html> <head> <meta http-equiv=&quo ...
- div自动滚动_实现图片自动和手动切换的编程技巧
打看网页,总会看到有些图片集是自动轮播浏览,有些图片集则需要浏览者手动翻页浏览.那是如何实现这两种不同的图片浏览方法呢?我们可以利用自动播放命令autoplay,设定其属性值,是否自动播放,是true ...
- html向上无间隔滚动文字(图片)
利用JavaScript实现文字滚动效果 具体代码如下: <!doctype html> <html> <head> <meta charset=" ...
- 微信小程序开发02-设置自动滚动轮播图片
设置自动滚动图片首先在xx.xml中: <swiper class="banner" indicator-dots indicator-color="rgba(25 ...
- 上下左右连续滚动图片的JS代码
向上滚动的JS代码: <div id=demo style="overflow:hidden; width:128px; height:300px;"> <div ...
最新文章
- 【android】 浏览文件,如浏览sd卡下的图片文件
- java中的 FileWriter类 和 FileReader类的一些基本用法
- console.log()不显示结果_提醒低端电子显示屏易致视疲劳,OLED屏幕表现略好
- 求反关系运算符:“服从分布”的符号表示 与 “不服从分布”的符号表示
- UItextView使用详解
- CAD CAM CAE自学手册 ANSYS 15.0有限元分析自学手册_完整版PDF电子书下载
- acegis连接使用方法_arcgis工具使用方法
- opencv实时录像+视频打码
- ① 数据库介绍 及 关系型数据库的关系代数表达式
- LM317的调压原理与应用
- 外接鼠标时禁用触控板_连接外接鼠标时如何禁用PC的触摸板
- uni-app--》什么是uniapp?如何开发uniapp?
- 服务器ping显示不是内部,如何解决ping不是内部或外部命令问题_网站服务器运行维护,ping,内部,外部,命令...
- (PMP)三、项目经理的角色
- Google搜索引擎使用技巧大全
- 01. Web漏洞靶场的搭建
- 淘宝密码加密方式分析,及python实现
- Linux下网络相关结构体 struct addrinfo
- 攻防实战:如何检测或优化内存中的.NET Tradecraft
- 高考填报志愿计算机操作技巧,2021高考填报志愿六个技巧