首页 > 特效插件 > 滚动轮播 >  又一款经典的myFocus图片轮播js代码正文

又一款经典的myFocus图片轮播js代码

特效介绍
经典的myFocus图片轮播js代码

经典的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图片轮播集