用html制作焦点图效果分析,如何使用myFocus插件制作焦点图效果

焦点图分有：flash焦点图  js焦点图  css焦点图  jQ焦点图(其中jQ焦点图以代码量少，实现功能成为首选)；

myFocus是一款专注于焦点图制作的js插件；

使用步骤：点击下载——Demo显示打包下载——点击 下载的链接——下载

注：在引用myFocus插件时只需要把下载后myFocus的整个js文件复制到自己的站点的js里即可；

js部分：

   //引用myfocus插件库

   //引入myfocus插件中所需的js效果

   //引入myfocus插件中所需的css样式

myFocus.set({

id:‘picBox‘         //焦点图初始化，其Id名要与图片列表最外层的Id一致

});

CSS部分:暂时不写

html部分：

   //显示加载过程

    //为实现焦点图的切换效果，图片列表外面必须要包裹一个class为pic的div

• 
• 
• 

更多关于myFocus插件的使用到：http://demo.jb51.net/myfocus/tutorials.html

原文：http://www.cnblogs.com/hsp09/p/3889540.html