zoukankan      html  css  js  c++  java
  • Jquery插件使用 焦点图插件 MyFocus ,另外记录一款插件 KinMaxShow大背景图插件。

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

    用法如下:

                  <script type="text/javascript">
                                //设置
                                myFocus.set({
                                    id: 'myFocus', //ID
                                    pattern: 'mF_taobao2010'//风格
                                });
                            </script>
                            <div id="myFocus">
                                <div class="loading">
                                    <img src="images/loading.gif" alt="请稍候..." /></div>
                                <div class="pic">
                                    <ul>
                                        <asp:Repeater ID="List_pic" runat="server">
                                            <ItemTemplate>
                                                <li><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><href="#" title="" target="_blank">
                                            <img src="images/img01.jpg" thumb="" alt="区愿服务活动" /></a></li>
                                        <li><href="#" title="" target="_blank">
                                            <img src="images/img01.jpg" thumb="" alt="区人大常委会机关动区愿服务活动" /></a></li>
                                        <li><href="#" title="" target="_blank">
                                            <img src="images/img01.jpg" thumb="" alt="区人大常委会机关妇女小分队开展志愿服务活动区人大常委会机关妇女小分队开展志愿服务活动" /></a></li>
                                    </ul>
                                </div>
              

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

  • 相关阅读:
    屏蔽指定IP访问网站
    如何辨别一个网站是否是基于织梦搭建
    PC端访问移动站跳转PC站
    点击/swt/直接跳转商务通(1)
    页面加入视频
    dedecms教程:搜索页显示条数更改
    青蛙走迷宫问题(体力值)
    计算n的阶乘(n!)末尾0的个数
    Leetcode27--->Remove Element(移除数组中给定元素)
    Leetcode26--->Remove Duplicates from Sorted Array(从排序数组中移除相同的元素)
  • 原文地址:https://www.cnblogs.com/hualiu0/p/4520059.html
Copyright © 2011-2022 走看看