网页里实现图片滚动代码.doc_第1页
网页里实现图片滚动代码.doc_第2页
网页里实现图片滚动代码.doc_第3页
网页里实现图片滚动代码.doc_第4页
网页里实现图片滚动代码.doc_第5页
已阅读5页,还剩5页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

网页里实现图片滚动代码看看以下代码:此代码的功能是使你所链接的图片交叉移动!实现步骤如下:1,打开发表文章,点击“显示源代码”。2,在以红色为标记的图片地址换成你所链接图片的地址,当然了,本地址也可以用!3,在和之间粘贴上面代码!(注:图片格式为JPG或者GIF) 下面的代码是让图片从左向又移动!移右向左从我实现步骤如下:1,打开发表文章,点击“显示源代码”。2,在以红色为标记的图片地址换成你所链接图片的地址,当然了,本地址也可以用!3,在和之间粘贴上面代码!(注:图片格式为JPG或者GIF)下面的图片是让图片向下移动!、我从上向下移步骤如上!下面是滚动图片的代码:步骤如下:1,首先打开控制面板,打开我的首页维护,进入自定义面板,新增一个面板。2,打开新增的面板,点击显示源代码!3,在代码间插入如如上代码把以上图片链接地址换成自己的图片地址即可。代码中可以修改的地方direction=right 是移动的方向上:up下:down左:right右:leftscrollamount=5 是向下移动速度,可以调整,一般设置在1-15的范围内比较好. 悬浮图片代码很多的网站都在两边空白处悬浮两个广告.随着滚动条的移动,图片也会向下移.那么我们blog不打广告.就来两个好看的动画或图片吧!代码如下示:左侧代码:右侧代码:参数说明:1、clientWidth后面负数的绝对值越大,图片越靠近左侧2、clientHeight后面负数的绝对值越大,图片越靠近上部3、“图片地址”处加入你想用到的图片地址即可,你可以在网上找找.innerHTML:设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 offsetWidth:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度图片滚动代码插在网页什么位置 悬赏分:10 | 解决时间:2008-9-25 12:46 | 提问者:justabigshit 这样的代码: var speed=30 demo2.innerHTML=demo1.innerHTML demo.scrollLeft=demo.scrollWidth function Marquee() if(demo.scrollLeft=0) demo.scrollLeft+=demo2.offsetWidth else demo.scrollLeft- var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() clearInterval(MyMar) demo.onmouseout=function() MyMar=setInterval(Marquee,speed) 因该插在网页的什么位置,我已经划好了表格。还有图片要加在哪里?最佳答案 var Picspeed=15demo2.innerHTML=demo1.innerHTMLfunction Marquee1()if(demo2.offsetWidth-demo.scrollLeft=0)demo.scrollLeft-=demo1.offsetWidthelsedemo.scrollLeft+var MyMar1=setInterval(Marquee1,Picspeed)demo.onmouseover=function() clearInterval(MyMar1)demo.onmouseout=function() MyMar1=setInterval(Marquee1,Picspeed)请问这段网页图片滚动代码应该放在什么位置? 悬赏分:0 | 解决时间:2010-11-7 16:48 | 提问者:m1024502681 美化过的匀速图片滚动P MARGIN: 20px.table-left-right BORDER-LEFT: #E7E7E7 1px solid; BORDER-RIGHT: #E7E7E7 1px solid;TD font-size: 12px;.hangju line-height: 20px; word-spacing: 3pt;.title color: #000000; font-weight: bold;.title2 color: #ffffff; font-weight: bold;.title3 color: #000000; font-weight: bold; 第1张 第2张 第3张 第4张 第5张 第6张 第7张 第8张 第9张 第10张 var speed3=25/速度,数值越大越慢demo2.innerHTML=demo1.innerHTMLfunction Marquee()if(demo2.offsetWidth-demo.scrollLeft=0)demo.scrollLeft-=demo1.offsetWidthelsedemo.scrollLeft+var MyMar=setInterval(Marquee,speed3)demo.onmouseover=function() clearInterval(MyMar)demo.onmouseout=function() MyMar=setInterval(Marquee,speed3)最佳答案 P MARGIN: 20px.table-left-right BORDER-LEFT: #E7E7E7 1px solid; BORDER-RIGHT: #E7E7E7 1px solid;TD font-size: 12px;.hangju line-height: 20px; word-spacing: 3pt;.title color: #000000; font-weight: bold;.title2 color: #ffffff; font-weight: bold;.title3 color: #000000; font-weight: bold;上面一段放在最前面,剩下的自己建立咯DIV放进去,调整好DIV大小就可以了 要滚动的文字 direction:这个标记是说明所要滚动的文字是向哪个方向滚动的,它的参数有:left,right,up,down left:文字自右向左滚动 right:文字自左向右滚动 up:文字自下向上滚动 down:文字自上向下滚动 这个标记是IE特有的,NETSCAPE是浏览不到这效果的 loop:如果想让文字无限循环,则参数是-1;如果不是可以自行设置循环次数 behavior:滚动形式,有scroll,alternate,slide等。 scroll:是以滚动的形式移动 alternate:是以来回的形式移动 slide:文字滚动出来后不再动 dataformatas:文字类型,参数为:html,text,css等等 width:你可以自行设置滚动窗口的宽度,大小是以像素为单位的,如100,150等,也可以用百分数表示,如50% height:跟width一样是控制窗口的高度,大小也是以像素为单位的 scrolldelay:即是两次循环间的时间间隔,当一次循环结束后,第二次循环会在所设置的时间后出现

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论