XHTML结构:
复制代码 代码如下:
<div id="myFocus-wrap">
<div id="myFocus">
<!--焦点图盒子-->
<div class="loading">
<span>请稍候...</span></div>
<!--载入画面-->
<ul class="pic">
<!--内容列表-->
<li><a href="#">
<img src="/UploadFiles/2021-04-02/focus1.jpg"><li><a href="#">
<img src="images/index/focus2.jpg"><li><a href="#">
<img src="/UploadFiles/2021-04-02/focus3.jpg"><li><a href="#">
<img src="images/index/focus4.jpg"></ul>
</div>
</div>
引入myFocus版本js,引入js的时候注意次序,因为这跟页面加载js的次序有关:
复制代码 代码如下:
<script src="/UploadFiles/2021-04-02/myfocus-1.0.4.full.js"><script src="js/flash/mF_slide3D.js"><link href="js/flash/mF_slide3D.css" rel="stylesheet" type="text/css" />
注:这里用到了slide3D效果 其他效果Demo可以查看官网:
http://www.cosmissy.com/myfocus/demo.html
Javascript:
复制代码 代码如下:
<script type="text/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 };
</script>
其他效果与文档可以查看官网博客:
http://www.cosmissy.com/myfocus/demo.html
最新版本 myFocus all v1.1.0(2010.12.15更新)
演示地址:http://demo.jb51.net/js/myfocus/index.html
打包下载:https://www.jb51.net/jiaoben/33989.html
复制代码 代码如下:
<div id="myFocus-wrap">
<div id="myFocus">
<!--焦点图盒子-->
<div class="loading">
<span>请稍候...</span></div>
<!--载入画面-->
<ul class="pic">
<!--内容列表-->
<li><a href="#">
<img src="/UploadFiles/2021-04-02/focus1.jpg"><li><a href="#">
<img src="images/index/focus2.jpg"><li><a href="#">
<img src="/UploadFiles/2021-04-02/focus3.jpg"><li><a href="#">
<img src="images/index/focus4.jpg"></ul>
</div>
</div>
引入myFocus版本js,引入js的时候注意次序,因为这跟页面加载js的次序有关:
复制代码 代码如下:
<script src="/UploadFiles/2021-04-02/myfocus-1.0.4.full.js"><script src="js/flash/mF_slide3D.js"><link href="js/flash/mF_slide3D.css" rel="stylesheet" type="text/css" />
注:这里用到了slide3D效果 其他效果Demo可以查看官网:
http://www.cosmissy.com/myfocus/demo.html
Javascript:
复制代码 代码如下:
<script type="text/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 };
</script>
其他效果与文档可以查看官网博客:
http://www.cosmissy.com/myfocus/demo.html
最新版本 myFocus all v1.1.0(2010.12.15更新)
演示地址:http://demo.jb51.net/js/myfocus/index.html
打包下载:https://www.jb51.net/jiaoben/33989.html
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
更新日志
2024年09月25日
2024年09月25日
- 纯音入心系列纯音乐《天籁古筝》1CD[MP3][331MB]
- 男女对唱典藏天碟《发烧对唱·那个季节里的歌DSD》10CD[WAV]
- 群星2010-歌林精选辑[歌林][WAV+CUE]
- TrioZimbalist-PianoTriosofWeinberg,Auerbach,Dvorak(2024)[24-44,1]wav
- 群星.1992-滚石第一流台湾歌·12王牌大车拼【滚石】【WAV+CUE】
- 林子祥.1984-创作歌集【华纳】【WAV+CUE】
- 周汤豪.2010-周汤豪【华纳】【FLAC分轨】
- Mozart-TheStringQuintets-AmadeusQuartet,CecilAronowitz(2017)[24-44,1][WAV+CUE]
- JamesWilliamsDennisIrwin-Focus(2024,Red)[24-48]FLAC
- 藤泽麻衣《空みあげて》[WAV]
- 纯音入心系列纯音乐《中国古筝经典名曲》1CD[MP3][1.3GB]
- 纯音入心系列纯音乐《古筝新奏:岁月静好与筝语,细水流年与筝同》1CD[MP3][846.9MB]
- 670《脆弱敏感小女生》[320K/MP3][27.53MB]
- 曾琳.2011-好好爱我【南方】【WAV+CUE】
- 范晓萱.1995-RAIN【福茂】【WAV+CUE】