Google
 
欢迎使用千一产品
千一产品:FlyAds v1.1.1

FlyAds 是一种飞行效果,又称漂浮效果,常用于网页广告吸引访问者注意。 本程序支持当前流行的所有浏览器, 自动适应不同的分辨率以及不同的窗口大小, 可以自行设置 X 轴和 Y 轴飞行速度。

版本更新
  • 修改 类名称。
  • 修正 指定 DOCTYPE 时兼容性问题。
  • 删除 构造函数中的 objStr 参数。
演示地址

/products/ads/FlyAds/demo.htm

 
运行环境
  • Internet Explorer 全面支持
  • Firefox 全面支持
程序参考
程序开始

var flyObj = new FlyAds("demo", 20, 30, 30); //声明对象

flyObj.Fly(); //开始飞行

相关函数

FlyAds(targetStr, startX, startY)

构造函数。

  • targetStr 字符串 飞行物件的 HTML 元素标签的 id。
  • startX 数字 飞行物件 X 方向开始位置。
  • startY 数字 飞行物件 Y 方向开始位置。
  • flyDelay 数字 可选参数,每次飞行的时间间隔,单位毫秒,默认值是 30。

SetFlyProperty(hd, vd, stepX, stepY, flyDelay)

设置飞行相关属性。

  • hd 字符串 当前在 X 方向上向左还是向右飞行,right 向右飞行,其它值(如 left)向左飞行。
  • vd 字符串 当前在 Y 方向上向上还是向下飞行,down 向下飞行,其它值(如 up)向上飞行。
  • stepX 数字 每次飞行在 X 方向上执行的偏移,单位像素。
  • stepY 数字 每次飞行在 Y 方向上执行的偏移,单位像素。
  • flyDelay 数字 每次飞行的时间间隔,单位毫秒。

Fly()

开始飞行。

常见问题
  • 如何实现鼠标移上去时暂停飞行? 为物件增加事件函数:onmouseover="javascript:flyObj.Pause();"
  • 如何实现鼠标移出去时继续飞行? 为物件增加事件函数:onmouseout="javascript:flyObj.Pause();"
  • 如何实现点击超链接后飞行消失? 为超链接增加事件函数:onclick="javascript:flyObj.Clear();"
  • 飞行消失后如何重新显示飞行? 调用函数:flyObj.ReFly();
产品下载

当前版本 v1.1.1 点击下载压缩文件包,内含:

  • JS 主程序文件 1 个
  • 示例文件 1 个