发博文
正文 字体大小:

教程:滚动图片制作方法

(2006-12-17 09:54:54)
分类: 教程
教程:滚动图片制作方法
代码如下:
 
代码说明:
1)、direction=right 是移动的方向,可以更改为如下方向。
               上:up     
               下:down    
               左:right   
               右:left 
     scrollamount=5 是向下(上、左、右)移动速度,可以调整,一般设置在1-5的范围内比较好.

2)、大家也可以把代码合起来用,设置成上和下对应,或者左右对应的形式。

3)、代码中的图片可以设置成多张,形成连续的滚动效果。

代码如下:
 
4)、滚动图片制作成功后,可以用定位代码使之定位在博客页面的任意位置,也可同时加入随屏滚动代码,在拉动滚动条的同时,随滚动条的移动而移动,在页面的相对位置不变。
 
——定位在页面固定位置
代码如下:
定位坐标RIGHT: 300pxTOP: 100px分别表示距离屏幕右边缘和上边缘的的距离,其具体数值可根据实际需求而定。
 
——随屏滚动
代码如下:
关于定位坐标-980-200的说明:
1、clientWidth后面负数的绝对值越大越靠近左侧。
2、clientHeight后面负数的绝对值越大越靠近上部。
 
代码添加方法:
控制面板----自定义设置----首页内容维护----定义空白模板----新建,创建模块标题,粘贴代码--保存并返回;

2,控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上点击最下面的选取,(页面刷新后,鼠标点住一侧模块标题上,可上下移动新建面板位置)--最后点击保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。

转载文章的博友请注明来源:渡桥的BLOG 谢谢!
 
附加:图片左右重复滚动代码
 
代码如下:(效果点击:图片左右重复滚动效果

阅读 评论 收藏 转载 打印举报
  • 评论加载中,请稍候...

       

    验证码: 请点击后输入验证码 收听验证码

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 不良信息反馈 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有