myFocusslide3Dv1.1.0使用方法与下载_javascript技巧

 XHTML结构：
代码如下:




请稍候...

引入myFocus版本js，引入js的时候注意次序，因为这跟页面加载js的次序有关：
代码如下:




注：这里用到了slide3D效果 其他效果Demo可以查看官网：
http://www.cosmissy.com/myfocus/demo.html
Javascript：
代码如下:

var mf = myFocus; //简称
var param = {
id: "myFocus",
pattern: "mF_slide3D",

time: 5, //切换时间间隔
trigger: 'click', //触发模式：click-点击 mouseover-悬停
width: 960 / 1, //区域宽度
height: 465 / 1, //区域高度
txtHeight: 0 / 1, //文字层高度(0为隐藏)
//txtWidth: 62 / 1, //为字段宽度(68-中等/82-较宽/32-较窄)
auto: true, //是否自动播放
wrap: false, //是否自带边框
index: 0 / 1, //开始显示的图片顺序(0表示第一张，不能大于总数)
delay: 100 / 1, //按钮悬停(mouseover)模式下的延迟时间，单位：毫秒（0-不延迟）

//额外参数
speed: 120, //运动速度(数字越大，速度越慢)
direction: 'left', //运动方向：left top right bottom
easing: 'easeInOut', //运动形式： easeOut-快出慢入 easeIn-慢出快入 easeInOut-慢出慢入 linear-匀速运动
less: 1, //是否无缝 1-是 0-否
//chip: 10, //图切片数量（能被图高整除才有效）（8/10/16）
type: 4, //切片效果：1-甩头 2-甩尾 3-凝乱 4-随机效果
gray: 0 / 1 //非当前图片是否变灰 1-是 0-否
}
myFocus.set(param, true);

//屏蔽IE执行误差
window.onerror = function () { return true };


其他效果与文档可以查看官网博客：
http://www.cosmissy.com/myfocus/demo.html

最新版本 myFocus all v1.1.0(2010.12.15更新)
演示地址:http://demo.jb51.net/js/myfocus/index.html
打包下载:http://www.gxlcms.com/jiaoben/339.html