myfocus,焦点图

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了myfocus,焦点图相关的知识,希望对你有一定的参考价值。

 <div id="boxID"><!--焦点图盒子-->
      <div class="loading"><img src="images/loading.gif" alt="请稍候..." /></div>
      <!--载入画面(可删除)-->
      <div class="pic"><!--内容列表(li数目可随意增减)-->
        <ul>
          <li><a href="#"><img src="images/ad2.jpg" thumb="" text="详细描述2" /></a></li>
          <li><a href="#"><img src="images/ad3.jpg" thumb="" text="详细描述3" /></a></li>
          <li><a href="#"><img src="images/ad4.jpg" thumb="" text="详细描述4" /></a></li>
          <li><a href="#"><img src="images/ad3.jpg" thumb="" text="详细描述5" /></a></li>
        </ul>
      </div>
    </div>

///////////////////////

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

以上是关于myfocus,焦点图的主要内容,如果未能解决你的问题,请参考以下文章

项目小结

转:大气炫酷焦点轮播图js特效

推荐10款左右切换的焦点图源码下载

React.js扭曲相册焦点图动画

jQuery 3D圆盘旋转焦点图 支持鼠标滚轮

轮播焦点图