按页自动滚动图片或文字的特效代码 -网页特效-网站制作-IT知道网(http://www.itwis.com)

按页自动滚动图片或文字的特效代码

来源：发布时间：2008-07-07 发布人：浏览：人次字体： [大中小]

本文采用Javascript+Div+CSS实现的一段按页自动滚动文字或图片的特效代码，这种特效经常在网页中看到，大家不妨一试！<div id=demo style="position:relative;padding:10px;border:solid 1px green;BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 510px; COLOR: red; HEIGHT: 100px">

您的图片或者要滚动的内容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>

您的图片或者要滚动的内容20<br>

</div>

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>

【↑返回顶部】【文章评论(0条)】【收藏本文】【打印本文】【关闭窗口↓】

↑上一篇：当左右内容高度不定时，中间分割线的实现方法

↓下一篇：网页开发特效之input控件高度固定，输入内容自动增宽

发布商链接

·网页开发特效之input控件高度固定，...
·网页开发特效之textarea控件宽度固定...
·CSS条状图表形式的实现方法
·符合WEB标准的滚动文字特效的实现方...
·CSS制作网页布局实例:隐藏input文字
·详细讲解网页中的Flash弹出网页窗口
·图片左右滚动代码,鼠标放上去可暂停...
·教您实现Div的动态伸缩效果
·CSS实现目录树中结点间空白的处理
·实例解决Div被Select挡住问题方法

§最新评论:（评论内容只代表网友观点，与本站立场无关！）

网名：验证码：

【所有评论】【↑返回顶部】

评　分： 12 345

评论内容：(不能超过500字，请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]

注意:请勿在本站发布政治话题、色情及违反法律的内容。

IT知道网声明：刊登此文章是为了传递更多信息，文章内容仅供参考，转载请注明出处。


首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福

编程学堂> JAVA专区 \| .NET专区 \| PHP 专区 \| ASP 专区 \| C/C++ \| JAVASCRIPT \| 数据库 \| 软件工程 \| 网络技术 \| 网站制作 \| 编程相关 \| 硬件资讯
业界相关> 业界新闻 \| 操作系统 \| 办公技巧 \| 病毒安全 \| 图形图像 \| 常用工具 \| 资源下载 \| 网站推广 \| 即时通讯 \| IT故事 \| IT健康 \| QQ---MSN