为了正常的体验网站,请在浏览器设置里面开启Javascript功能!

网页图片无缝滚动代码

2011-12-12 14页 doc 93KB 153阅读

用户头像

is_661342

暂无简介

举报
网页图片无缝滚动代码 向上:程序代码
网页图片无缝滚动代码
向上:程序代码

































向下:程序代码

































向左:程序代码
向右:程序代码
图片或文字无缝滚动代码 第一个效果: 要实现图片效果请自行修改代码:documnet.write ("内部");此代码唯一一点不足就是没有实现数标悬停效果. 第二个效果: 上代码效果基本上实现了.也有数标悬停功能. 第三个图片效果:
文字无缝滚动代码
  • 换此处换此处换此处换此处换此处
  • 换此处换此处换此处换此处换此处
  • 换此处换此处换此处换此处换此处
  • 换此处换此处换此处换此处换此处
  • 换此处换此处换此处换此处换此处
  • 换此处换此处换此处换此处换此处
  • 换此处换此处换此处换此处换此处
  • 换此处换此处换此处换此处换此处
  • 换此处换此处换此处换此处换此处
  • 换此处换此处换此处换此处换此处
  • 换此处换此处换此处换此处换此处
  • 换此处换此处换此处换此处换此处
简单实现网页图片无缝滚动代码(html源代码)
杜子电脑学习网图片杜子电脑学习网图片杜子电脑学习网图片杜子电脑学习网图片
备注:更改滚动方式,请修改相应未知的代码 倒数第8行 demo.scrollLeft++ 向左滚动 demo.scrollLeft-- 向右滚动 demo.scrolltop++ 向上滚动 demo.scrolltop-- 向下滚动 备注:更改滚动方式,请修改相应未知的代码 倒数第8行 demo.scrollLeft++ 向左滚动 demo.scrollLeft-- 向右滚动 demo.scrolltop++ 向上滚动 demo.scrolltop-- 向下滚动 以下是第二个代码 想必大家都注意到的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出,不管怎么做,都略显麻烦。下面说一下这个相对简单的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置,因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到“无缝”滚动的目的。 在原作者的基础上做了一定修改,主要还是在样式上面,将表格更换为标签。并且将JavaScript化,可以在所有浏览器运行。 先了解一下对象的几个的属性: innerHTML:设置或获取位于对象起始和结束标签内的 HTML scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 offsetWidth:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度 图片上无缝滚动 >> CODE 向上滚动
图片下无缝滚动 程序代码 向下滚动
本文档为【网页图片无缝滚动代码】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。

历史搜索

    清空历史搜索