文字向上滚动，鼠标悬停停止滚动

来源：互联网发布：ubuntu dash bash 编辑：程序博客网时间：2024/05/16 05:10

CSS

.rolltext{    height: 40px;    line-height: 40px;    overflow: hidden;}

HTML

<div class="rolltext"><ul>   <li><a href="#">Interested in ongoing innovation at Boyd? Click here to learn more!</a></li><li><a href="http://eepurl.com/bYVk-9" target="_blank">Click here to join our Aerospace mailing list!</a></li></ul></div>

<script type="text/javascript">            function AutoScroll(obj) {            $(obj).find("ul:first").animate({                marginTop: "-25px"            }, 500, function() {                $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);            });        }        $(function() {            var myar = setInterval('AutoScroll(".rolltext")', 5000)            $(".rolltext").hover(function() { clearInterval(myar); }, function() { myar = setInterval('AutoScroll(".rolltext")', 5000) });        });    </script>

0 0