特效介绍
经典的myFocus图片轮播js代码。前面我们详细介绍了myFocus图片轮播(详见:myfocus图片轮播集),它几乎就是为图片轮播而生。myFocus易于扩展,特效多,使用方便。本插件图片扩展方便。兼容性非常好。企业站用这种轮播很合适。
使用方法
1、在head区引入下面的代码:<script src="js/myFocus.js" type="text/javascript"></script> <script src="js/5imoban.net.js" type="text/javascript"></script> <link href="images/css.css" rel="stylesheet" type="text/css" />2、将下面代码拷贝到您要应用此图片轮播的地方:
<div class="myFocus-box"> <div id="myFocus"> <div class="loading"><span>正在载入...</span></div><!--载入画面--> <ul class="pic"><!--内容列表--> <li><a href="http://www.5imoban.net/"><img src="images/1.jpg" thumb="" alt="模板网" text="" /></a></li> <li><a href="http://www.5imoban.net/"><img src="images/2.jpg" thumb="" alt="我爱模板网" text="" /></a></li> <li><a href="http://www.5imoban.net/"><img src="images/3.jpg" thumb="" alt="网站模板素材" text="" /></a></li> <li><a href="http://www.5imoban.net/"><img src="images/4.jpg" thumb="" alt="免费网站模板下载" text="" /></a></li> <li><a href="http://www.5imoban.net/"><img src="images/1.jpg" thumb="" alt="网站PSD模板" text="" /></a></li> <li><a href="http://www.5imoban.net/"><img src="images/2.jpg" thumb="" alt="网站模板" text="" /></a></li> <li><a href="http://www.5imoban.net/"><img src="images/3.jpg" thumb="" alt="免费模板" text="" /></a></li> <li><a href="http://www.5imoban.net/"><img src="images/4.jpg" thumb="" alt="jQuery特效代码" text="" /></a></li> </ul> </div> </div>3、扩展图片或者删除多余图片,直接扩展或者删除<li>及其里面内容即可
4、关于myfocus的更多特效和详细使用方法请参见:myfocus图片轮播集