




已阅读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广东韶关南雄市应急救援队员招聘3人备考试题及答案解析
- 2025年儿科常见疾病诊疗经验分享考试答案及解析
- 2025广东省疾病预防控制中心招聘科研助理1人笔试备考题库及答案解析
- 2025广西桂林市东江小学招聘3人笔试模拟试题及答案解析
- 2025年肿瘤科胰腺癌手术治疗的护理要点综合考核答案及解析
- 2025年公司食堂维修协议书
- 2025年康复医学康复技术应用综合评估答案及解析
- 2025年运动医学运动损伤与康复治疗模拟测试答案及解析
- 消防部门联合防溺水安全教育措施
- 2025年肾脏病学病因分析及治疗方案综合考核卷答案及解析
- “三重一大”决策 标准化流程图 20131017
- Cpk 计算标准模板
- 信息科技课程标准新课标学习心得分享
- 小学生元宵中秋猜谜语竞赛题目
- 环保与物业公司合作协议
- FZ/T 01057.2-2007纺织纤维鉴别试验方法 第2部分:燃烧法
- 面条制品-课件
- 2023年重庆市社区工作者考试试题
- 四上科学第一单元《多样的动物》知识梳理
- 微观经济学-范里安varian中级
- 《印章移交登记表》
评论
0/150
提交评论