以前用flash做首页图片轮播。最近的网站里用到一个插件MyFocus插件焦点图插件

用法如下:

              <script type="text/javascript">                             //设置                             myFocus.set({                                 id: 'myFocus', //ID                                 pattern: 'mF_taobao2010'//风格                             });                         </script>                         <div id="myFocus">                             <div class="loading">                                 <img src="data:images/loading.gif" alt="请稍候..." /></div>                             <div class="pic">                                 <ul>                                     <asp:Repeater ID="List_pic" runat="server">                                         <ItemTemplate>                                             <li><a href="/Detail.aspx?id=<%#Encrypt.MD5Encrypt(Eval("NewsNo").ToString()) %>">                                                 <img src="<%# Eval("PicURL") %>" thumb="" alt="<%# Encrypt.subContent(Eval("NewsTitle").ToString(), 24)%>" /></a></li>                                         </ItemTemplate>                                     </asp:Repeater>                                     <li><a href="#" title="" target="_blank">                                         <img src="data:images/img01.jpg" thumb="" alt="区愿服务活动" /></a></li>                                     <li><a href="#" title="" target="_blank">                                         <img src="data:images/img01.jpg" thumb="" alt="区人大常委会机关动区愿服务活动" /></a></li>                                     <li><a href="#" title="" target="_blank">                                         <img src="data:images/img01.jpg" thumb="" alt="区人大常委会机关妇女小分队开展志愿服务活动区人大常委会机关妇女小分队开展志愿服务活动" /></a></li>                                 </ul>                             </div>
          

使用起来很方便,使用上完全用ullist可以呈现,很方便。

转载于:https://www.cnblogs.com/hualiu0/p/4520059.html

Jquery插件使用 焦点图插件 MyFocus ,另外记录一款插件 KinMaxShow大背景图插件。...相关推荐

  1. 记录一款Unity VR视频播放器插件的开发

    效果图 先上一个效果图: 背景 公司最近在做VR直播平台,VR开发我们用到了Unity,而在Unity中播放视频就需要一款视频插件,我们调研了几个视频插件,记录两个,如下: Unity视频插件调研 网 ...

  2. 记录一款好用的JS插件,artDialog中国人自己写的插件

    2019独角兽企业重金招聘Python工程师标准>>> http://www.daimajiayuan.com/download/201304/yulan/artDialog4.1. ...

  3. CG MAGIC分享3d Max这款3D模型贴图贴画插件!

    今天小编来和大家聊聊DecalPlacer是一款专门为3dsmax设计的插件,可以帮助用户快速在对象表面放置贴花. 通过这个插件,用户可以自由选择贴花的位置.大小.旋转角度和透明度等属性, 以便更好地 ...

  4. 强烈推荐16 款牛逼的 IDEA 插件,让你开发速度飞起来!

    当前最新版IDEA版本是2020.1.随着IDEA版本的升级,有些插件不再支持,而有些插件变成了收费插件,这些插件将不再推荐. 以下列举的,都是亲测可以在2020.1版本的IDEA中使用的插件. go ...

  5. 动手写一款简单的chrome天气插件

    极简天气 一款简单的chrome天气插件. github https://github.com/yohnz/weather 如图: 创建文件 新建weather文件夹,里面包含manifest.jso ...

  6. 手机腾讯视频android版插件,小程序1.6.5版更新,终于支持腾讯视频插件了

    微慕小程序1.6.5版更新说明如下: 新增的功能 1.调整海报功能(adapter.js ,detail.js) 考虑到以前的海报生成有些变形,也容易导致失败,此次更新对海报的程序做了较大的调整,并做 ...

  7. ai包装插件_找AI插件很费劲,一次给你66款AI插件合集!每一款都是设计师常用...

    作为设计师我们都知道,PS插件很常见也很多,但AI的却不好找,但其实Adobe Illustrator软件除了能够绘制高精度的矢量图之外,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的 ...

  8. 推荐10款非常有用的 Ajax 插件

    这篇文章与大家分享的是10款非常有用的 Ajax 插件,有用于图片的,用于分页的,还有用于导航的.这些作者的想法特别新颖,希望你能从中找到自己需要的插件. 1. AJAX-ZOOM 非常强大的一款插件 ...

  9. 一款轻量级的消息提示插件 —— toastr

    toastr是一款轻量级的消息提示插件,基于JQuery,使用简单方便,外观大气漂亮. 点击这里进入toastr在线调试使用 点击这里进入toastr官方网站 使用效果如下图所示: 插件使用需要引用的 ...

最新文章

  1. 蓝桥杯:入门训练 序列求和
  2. python判断括号有效,在Python中检查括号是否平衡
  3. 有符号二进制数--补码
  4. spring beans源码解读之--Bean的注解(annotation)
  5. FreeMarkerConfigurer使用TemplateDirectiveModel时获取request、session
  6. 无法打开包括文件:“osgGA/MatrixManipulator”:No such file or directory
  7. 12.C++ string 操作
  8. 生产者消费者_Kafka之生产者/消费者
  9. Mysql语句改成Oracle语句的区别
  10. 同济保研计算机,同济大学保研率28%,保研高校前四:复旦、北大、交大、清华...
  11. MSP430使用__delay_cycles实现延时1ms和1us
  12. Fluentd: Open Source Log Management
  13. MapGIS 6.7 数字非标准分幅影像校正方法
  14. RS-485总线布线规则及方法
  15. 厨神之路一--群英荟萃1
  16. 《Designing and Training of A Dual CNN for Image Denoising》阅读笔记
  17. jQuery 操作属性
  18. Origin制图之热力图(hot-map)
  19. Resetting first dirty offset of __consumer_offsets
  20. QT驾校科目考试系统——从实现到发布

热门文章

  1. 前端 CSS Framework --- NEC (网易)
  2. 中国工商银行基金定投
  3. Programming WCF Services翻译笔记(四)
  4. android viewpager 底部tabhost,FragmentTabHost+ViewPager实现底部导航栏
  5. 各IO 模型对比与总结
  6. 如何使用XML 配置的方式配置Spring?
  7. Spring5的系统架构
  8. 使用rabbitMQ实现数据同步
  9. Stream流中的常用方法_concat
  10. Ribbon-2通过代码自定义配置ribbon