收藏 分享(赏)

网页里实现图片滚动代码.doc

上传人:fmgc7290 文档编号:6543632 上传时间:2019-04-16 格式:DOC 页数:10 大小:79KB
下载 相关 举报
网页里实现图片滚动代码.doc_第1页
第1页 / 共10页
网页里实现图片滚动代码.doc_第2页
第2页 / 共10页
网页里实现图片滚动代码.doc_第3页
第3页 / 共10页
网页里实现图片滚动代码.doc_第4页
第4页 / 共10页
网页里实现图片滚动代码.doc_第5页
第5页 / 共10页
点击查看更多>>
资源描述

1、网页里实现图片滚动代码看看以下代码:此代码的功能是使你所链接的图片交叉移动!实现步骤如下:1,打开发表文章,点击“显示源代码” 。2,在以红色为标记的图片地址换成你所链接图片的地址,当然了,本地址也可以用!3,在 和 之间粘贴上面代码!(注:图片格式为 JPG 或者 GIF)下面的代码是让图片从左向又移动!移右向左从我实现步骤如下:1,打开发表文章,点击“显示源代码” 。2,在以红色为标记的图片地址换成你所链接图片的地址,当然了,本地址也可以用!3,在 和 之间粘贴上面代码!(注:图片格式为 JPG 或者 GIF)下面的图片是让图片向下移动!、我从上向下移步骤如上!下面是滚动图片的代码:步骤如

2、下:1,首先打开控制面板,打开我的首页维护,进入自定义面板,新增一个面板。2,打开新增的面板,点击显示源代码!3,在代码间插入如如上代码把以上图片链接地址换成自己的图片地址即可。代码中可以修改的地方direction=right 是移动的方向上:up下:down左:right右:leftscrollamount=5 是向下移动速度,可以调整,一般设置在 1-15 的范围内比较好.悬浮图片代码很多的网站都在两边空白处悬浮两个广告.随着滚动条的移动,图片也会向下移.那么我们blog 不打广告.就来两个好看的动画或图片吧 !代码如下示:左侧代码:右侧代码:参数说明:1、clientWidth 后面负

3、数的绝对值越大,图片越靠近左侧2、clientHeight 后面负数的绝对值越大,图片越靠近上部3、 “图片地址”处加入你想用到的图片地址即可,你可以在网上找找.innerHTML:设置或获取位于对象起始和结束标签内的 HTMLscrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLe

4、ft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 offsetWidth:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度图片滚动代码插在网页什么位置 悬赏分:10 | 解决时间: 2008-9-25 12:46 | 提问者:justabigshit 这样的代码: var speed=30 demo2.innerHTML=demo1.innerHTML demo.scrollLeft=demo.scrollWidth function

5、 Marquee() if(demo.scrollLeft 因该插在网页的什么位置,我已经划好了表格。还有图片要加在哪里?最佳答案 var Picspeed=15demo2.innerHTML=demo1.innerHTMLfunction Marquee1()if(demo2.offsetWidth-demo.scrollLeft请问这段网页图片滚动代码应该放在什么位置? 悬赏分:0 | 解决时间:2010-11-7 16:48 | 提问者:m1024502681 美化过的匀速图片滚动P MARGIN: 20px.table-left-right BORDER-LEFT: #E7E7E7 1

6、px solid;BORDER-RIGHT: #E7E7E7 1px solid;TD font-size: 12px;.hangju line-height: 20px;word-spacing: 3pt;.titlecolor: #000000;font-weight: bold;.title2color: #ffffff;font-weight: bold;.title3color: #000000;font-weight: bold;第 1 张第 2 张第 3 张第 4 张第 5 张第 6 张第 7 张第 8 张第 9 张第 10张var speed3=25/速度,数值越大越慢demo

7、2.innerHTML=demo1.innerHTMLfunction Marquee()if(demo2.offsetWidth-demo.scrollLeft最佳答案 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;.titlecolor: #000000;font-weight: bold;.title2color: #ff

8、ffff;font-weight: bold;.title3color: #000000;font-weight: bold;上面一段放在最前面,剩下的自己建立咯 DIV 放进去,调整好 DIV 大小就可以了要滚动的文字 direction:这个标记是说明所要滚动的文字是向哪个方向滚动的,它的参数有:left,right,up,down left:文字自右向左滚动 right:文字自左向右滚动 up:文字自下向上滚动 down:文字自上向下滚动 这个标记是 IE 特有的,NETSCAPE 是浏览不到这效果的 loop:如果想让文字无限循环,则参数是“-1“;如果不是可以自行设置循环次数 beh

9、avior:滚动形式,有 scroll,alternate,slide 等。 scroll:是以滚动的形式移动 alternate:是以来回的形式移动 slide:文字滚动出来后不再动 dataformatas:文字类型,参数为:html,text,css 等等 width:你可以自行设置滚动窗口的宽度,大小是以像素为单位的,如 100,150 等,也可以用百分数表示,如 50% height:跟 width 一样是控制窗口的高度,大小也是以像素为单位的 scrolldelay:即是两次循环间的时间间隔,当一次循环结束后,第二次循环会在所设置的时间后出现,单位为毫秒。1 秒=1000 毫秒 scrollamount:每次移动的长度,以像素为单位 bgcolor:背景颜色,可以是 16 进制数,也可以是颜色名(请参看颜色表) 以上各参数都是可选的,即是说没有一个参数,只用标记就行了,因为 IE 会默认为向左滚动 - 这个例子方向是向上,宽度为百分之 30,高度为 40 像素,背景颜色为白色,文字颜色为红色。 -

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > 网络科技 > 开发文档

本站链接:文库   一言   我酷   合作


客服QQ:2549714901微博号:道客多多官方知乎号:道客多多

经营许可证编号: 粤ICP备2021046453号世界地图

道客多多©版权所有2020-2025营业执照举报