首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Flash >

多种flash成效(纯js写)封装包

2012-11-17 
多种flash效果(纯js写)封装包简单介绍:1.引入对应的js文件与css文件(在js文件---pattern文件下)2.引入对应

多种flash效果(纯js写)封装包

简单介绍:

1.引入对应的js文件与css文件(在js文件---pattern文件下)

2.引入对应的flash包

?

如下:

??? <script src="js/myfocus-1.1.0.min.js" type="text/javascript"></script><!--对应的flash包-->
??? <link href="js/pattern/mF_expo2010.css" rel="stylesheet" type="text/css" /><!--引入对应风格css包-->
??? <script src="js/pattern/mF_expo2010.js" type="text/javascript"></script><!--引入对应风格js包-->

?

3.写js

?

写在

<script type="text/javascript">
??? myFocus.set({
??????? id: 'boxID', //焦点图盒子ID
??????? pattern: 'mF_expo2010', //风格应用的名称
??????? time: 3, //切换时间间隔(秒)
??????? trigger: 'click', //触发切换模式:'click'(点击)/'mouseover'(悬停)
??????? width: 450, //设置图片区域宽度(像素)
??????? height: 296, //设置图片区域高度(像素)
??????? txtHeight: 'default'//文字层高度设置(像素),'default'为默认高度,0为隐藏
??? });
</script>

?

注意红色字体 上面引入的包是:mF_expo2010

所以pattern改为mF_expo2010

?

?

<div id="boxID"><!--焦点图盒子-->
? <div thumb="" alt="多种flash成效(纯js写)封装包" text="详细描述1" /></a></li>
??????? <li><a href="#"><img src="img/2.jpg" thumb="" alt="多种flash成效(纯js写)封装包" text="详细描述2" /></a></li>
??????? <li><a href="#"><img src="img/3.jpg" thumb="" alt="多种flash成效(纯js写)封装包" text="详细描述3" /></a></li>
??????? <li><a href="#"><img src="img/4.jpg" thumb="" alt="多种flash成效(纯js写)封装包" text="详细描述4" /></a></li>
??????? <li><a href="#"><img src="img/5.jpg" thumb="" alt="多种flash成效(纯js写)封装包" text="详细描述5" /></a></li>
? </ul>
</div>

热点排行