焦点图插件myFocus的使用

焦点图的制作

焦点图的分类:  焦点图一般可以分为

             （1）JS焦点图（2）FLASH焦点图（3）CSS焦点图（4）JQ焦点图

这里主要介绍JQ焦点图的使用。

我们可以借助于焦点图插件myFocus来简化网页的制作：

使用myFocus插件的方法和步骤：

（1）首先下载myFocus插件：

选择Demo演示打包下载

         

（2）解压，将解压出来的js文件夹copy到需要应用焦点图的工程中；js文件夹包含两部分的内容，上面一个文件夹包含各种样式及可能用到的图片

      

（3）在html的标签中引入相关文件

 

（4）创建myFocus标准的html结构，并填充自己所需的内容

 

（5）在引用myFocus文件之后（在head标签内调用myFocus文件中样式）

                        

更详细的参数调用参考：

更多myfocus应用参见myfocus教程：http://demo.jb51.net/js/myfocus/tutorials.html