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

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

用法如下:

          
<script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script>
      
              <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><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="images/img01.jpg" thumb="" alt="区愿服务活动" /></a></li>
                                    <li><a href="#" title="" target="_blank">
                                        <img src="images/img01.jpg" thumb="" alt="区人大常委会机关动区愿服务活动" /></a></li>
                                    <li><a href="#" title="" target="_blank">
                                        <img src="images/img01.jpg" thumb="" alt="区人大常委会机关妇女小分队开展志愿服务活动区人大常委会机关妇女小分队开展志愿服务活动" /></a></li>
                                </ul>
                            </div>
                        </div>

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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。