Article Detail

jquery新闻上下滚动

* { padding: 0px; margin: 0px; }li{ list-style-type: none; } 间隔滚动效果: aaaaaa bbbb...

HTML 阅读 11.1万 2 分钟阅读 2018-01-09 15:56
JavaScript
32 行
<style>* {
    padding: 0px;
    margin: 0px;
}li{ list-style-type: none; }</style><script type="text/javascript" src="https://lizhenqiu.com/templates/default/jquery.min.js"></script>
<div id="broadcast" class="bar" name="giftactive">
  <div style="float:left"><strong>间隔滚动效果:</strong></div>
  <div id="demo" style="overflow:hidden;height:22px;line-height:22px;">
    <ul class="mingdan" id="holder">
      <li><a href="#" target="_blank">aaaaaa</a></li>
      <li><a href="#" target="_blank">bbbbbb</a></li>
      <li><a href="#" target="_blank">cccccc</a></li>
      <li><a href="#" target="_blank">dddddd</a></li>
      <li><a href="#" target="_blank">eeeeee</a></li>
    </ul>
  </div>
</div>
<script>
function AutoScroll(obj) {
    $(obj).find("ul:first").animate({
        marginTop: "-22px"
    },
    500,
    function() {
        $(this).css({
            marginTop: "0px"
        }).find("li:first").appendTo(this);
    });
}
$(document).ready(function() {
    setInterval('AutoScroll("#demo")', 1000)
});
</scritpt>
Comments 评论区
评论区 当前文章还没有公开评论
Comment Form 留下评论
正在回复 #0
粘贴图片、拖拽文件,或点上面的按钮上传 图片会自动插入 [img] 标签,其他附件会自动插入 [attach] 标签。
正在上传...
提交前会先拉起旧项目同款第三方人机验证。

不再要求填写昵称;reply 会生成一条带楼层回链的新评论,quote 会附带完整引用块,并保持评论锚点跳转。

lizhenqiu blog is powered by lizhenqiu.com Version 6.9

Processed in 0.0105 second(s) W3C

本博客的所有原创作品采用 知识共享 署名-非商业性使用-相同方式共享 2.5 协议 进行许可

本站由 七七牛 云存储 阿阿里云 计算与安全服务 拍又拍云 CDN 加速 百百度智能 AAMH 布布集网 AI指南针AI

桂公网安备 45010302000998号 桂ICP备15007619号-1 中国互联网举报中心 建议使用谷歌浏览器浏览
Navigation 文章导航
⌂ ↓ ↑
100%
图片预览
Gallery 图集
0 张图片

正在整理正文和评论里的图片。

当前页还没有可展示的图片。
Quick Comment 快速评论

直接输入内容,提交时仍会走当前页面的人机验证。

正在上传...
操作提示