




已阅读5页,还剩5页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
问在Macromedia Dreamweaver MX 2004中如何设置横向滚动图片。有时间了,现在写给你! function newsScroll() /news的居左距离等于它的居左距离取余它的宽度的一半 news.style.pixelLeft=(news.style.pixelLeft-1)%(news.clientWidth/2); setInterval(newsScroll(),10);/循环执行函数 最简单也是最好的方法,用marquee,把img scr最在marquee标记当中就行了。当然marquee还有很多参数可设,不管是向上,向下,向左,向右,还是来回。或是鼠标点上去不动,都可以设。比如有啦啦啦,我从右向左移! 啦啦啦,我从左向右移!啦啦啦,我一圈一圈绕着走! 啦啦啦,我只走一次就歇了! 啦啦啦,我来回走耶!Dreamweaver中图片无缝滚动的完美解决时间:2006-08-16 00:00来源:BitsCN.com整理 作者:中国网管联盟 点击:3790次 想必大家都注意到的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出,不管怎么做,都略显麻烦。下面说一下这个相对简单的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置,因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到“无缝”滚动的目的。 先了解一下对象的几个的属性:innerHTML:设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 offsetWidth:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度 网管网bitsCN.com 好,先看这个向上滚动的代码: 网管网bitsCN.com var speed=30 demo2.innerHTML=demo1.innerHTML file:/克隆demo1为demo2 function Marquee() if(demo2.offsetTop-demo.scrollTop=0) file:/当滚动至demo1与demo2交界时 54 demo.scrollTop-=demo1.offsetHeight file:/demo跳到最顶端 else demo.scrollTop+ var MyMar=setInterval(Marquee,speed) file:/设置定时器 demo.onmouseover=function() clearInterval(MyMar)/鼠标移上时清除定时器达到滚动停止的目的 demo.onmouseout=function() MyMar=setInterval(Marquee,speed)/鼠标移开时重设定时器 中国网管联盟 向下滚动: 中国网管联盟 var speed=30 demo2.innerHTML=demo1.innerHTML demo.scrollTop=demo.scrollHeight function Marquee() 54 if(demo1.offsetTop-demo.scrollTop=0) demo.scrollTop+=demo2.offsetHeight else demo.scrollTop- var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() clearInterval(MyMar) demo.onmouseout=function() MyMar=setInterval(Marquee,speed) 中国网管联盟www、bitsCN、com 向左滚动: 网管网bitsCN.com var speed=30 demo2.innerHTML=demo1.innerHTML function Marquee() if(demo2.offsetWidth-demo.scrollLeft=0) demo.scrollLeft-=demo1.offsetWidth 中国网管联盟 else demo.scrollLeft+ var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() clearInterval(MyMar) demo.onmouseout=function() MyMar=setInterval(Marquee,speed) 中国网管联盟www_bitscn_com 向右滚动: 54 var speed=30 demo2.innerHTML=demo1.innerHTML demo.scrollLeft=demo.scrollWidth function Marquee() if(demo.scrollLeft=0) demo.scrollLeft+=demo2.offsetWidth 网管网bitsCN.com else demo.scrollLeft- var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() clearInterval(MyMar) dem
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025年公开选拔中小学校长笔试试题及参考答案
- 2025年广东机考乐理真题及答案
- 2025年骨科护理试卷题库及答案
- 2025年家政早教师考试题及答案
- 2025物业管理公司员工劳动合同书
- 2025年结直肠癌相关试题及答案
- 2025年医疗废物分类及管理n知识培训考核试题附答案
- 2025年财务管理专升本考试及答案
- 2025年外科学护理中级考试题库及答案
- 小学音乐抽测题库及答案
- 旅游代理授权委托书范本
- 消化科危重症患者的护理
- 矿区员工车辆管理制度
- 个体诊所感染管理制度
- 建筑施工移动机械设备管理制度
- 《财务分析(第2版)》课件 项目六 现金流量表分析
- 基于核心素养的教学设计小学数学
- 滴灌通收入分成协议合同
- T/CECS 10043-2019绿色建材评价光伏组件
- DB32/T 4430-2022极端强降雨事件判定
- 美容院设计图
评论
0/150
提交评论