当前位置:首页 » 资料文库 » 正文

HTML滚动显示信息列表代码

2075 人参与  2017年11月18日 22:31  分类 : 资料文库  评论

显示样式如下图:

1.png

<div class="deanmember" id="deantalk">
                <div class="deantitleh2"></div>
                <div class="clear"></div>
                <script language="javascript">
                        jQuery(function(){ 
                            var scrtime; 
                            jQuery("#deantalk").hover(
                                function(){ 
                                    clearInterval(scrtime); 
                                },
                                function(){ 
                                    scrtime = setInterval(function(){ 
                                        var jqul = jQuery("#deantalk ul"); 
                                        var liHeight = jqul.find("li:last").height(); 
                                        jqul.animate({marginTop : liHeight+10 +"px"},1000,function(){ 
                                        jqul.find("li:last").prependTo(jqul) 
                                        jqul.find("li:first").hide(); 
                                        jqul.css({marginTop:0}); 
                                        jqul.find("li:first").fadeIn(1000); 
                                        }); 
                                    },3000); 
                                }).trigger("mouseleave"); 
                        }); 
                    </script> 
                <div class="deantalkc">
                    <ul style="overflow:hidden;">
                        <li><span>马**</span><b><i>¥</i>1,000.00</b><em>提现到账</em><div class="clear"></div></li>
                        <li><span>孙**</span><b><i>¥</i>3,000.00</b><em>提现到账</em><div class="clear"></div></li>
                        <li><span>蓝**</span><b><i>¥</i>1,000.00</b><em>提现到账</em><div class="clear"></div></li>
                        <li><span>王**</span><b><i>¥</i>5,000.00</b><em>提现到账</em><div class="clear"></div></li>
                        <li><span>刘**</span><b><i>¥</i>10,000.00</b><em>提现到账</em><div class="clear"></div></li>
                        <li><span>杨**</span><b><i>¥</i>8,000.00</b><em>提现到账</em><div class="clear"></div></li>
                        <li><span>李**</span><b><i>¥</i>15,000.00</b><em>提现到账</em><div class="clear"></div></li>
                        <li><span>李**</span><b><i>¥</i>3,000.00</b><em>提现到账</em><div class="clear"></div></li>
                        <li><span>赵**</span><b><i>¥</i>5,000.00</b><em>提现到账</em><div class="clear"></div></li>
                        <li><span>马**</span><b><i>¥</i>1,000.00</b><em>提现到账</em><div class="clear"></div></li>
                    </ul>
                </div>
            </div>


来源:曹凯博客(微信/QQ号:8463625),转载请保留出处和链接!

本文链接:https://www.mycaokai.com/article-302.html

南充交友QQ群:8116802;然猫交流QQ群:215058502

QQ:8463625;微信/手机/合作:15881777512

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

收款方式:财付通/QQ:8463625,支付宝:8463625@qq.com,微信:15881777512

       

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

博客首页 | 然猫创业网 | 然猫云商

Copyright © 2011-2099 mycaokai.com All Rights Reserved. 蜀ICP备11010836号

扫一扫,加我为微信好友 加我为微信好友