首页 > 代码库 > liMarquee演示12种不同的无缝滚动效果

liMarquee演示12种不同的无缝滚动效果

2024-08-22 10:32:26   220人阅读

很实用的一款liMarquee演示12种不同的无缝滚动效果

在线预览

下载地址

实例代码

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title>liMarquee演示12种不同的无缝滚动效果-默认效果_sucaihuo</title>
        <link rel="stylesheet" href="http://www.mamicode.com/css/liMarquee.css">
        <style>
            .sucaihuo { width: 800px; margin: 150px auto; font-size: 14px;}
            .sucaihuo a { margin: 0 15px; color: #333; text-decoration: none;}
            .sucaihuo a:hover { text-decoration: underline;}
        </style>
    </head>

    <body>
        <h1>默认效果</h1>

        <div class="sucaihuo">

            <a href="http://www.mamicode.com/#">jquery霓虹灯转盘加抽奖提示弹出层</a>
            <a href="http://www.mamicode.com/#">jQuery大风车转盘转起来</a>
            <a href="http://www.mamicode.com/#">jQuery抽奖转盘停不下来</a>
            <a href="http://www.mamicode.com/#">jQuery手机幸运大转盘抽奖</a>
        </div>

        <script src="http://www.mamicode.com/js/jquery-1.8.3.min.js"></script>
        <script src="http://www.mamicode.com/js/jquery.liMarquee.js"></script>
        <script>
            $(function() {
                $(‘.sucaihuo‘).liMarquee();
            });
        </script>

        <div class="menu">
            <a class="cur" href="http://www.mamicode.com/index.html">1、默认效果</a>
            <a href="http://www.mamicode.com/index2.html">2、向右滚动</a>
            <a href="http://www.mamicode.com/index3.html">3、向上滚动</a>
            <a href="http://www.mamicode.com/index4.html">4、向下滚动</a>
            <a href="http://www.mamicode.com/index5.html">5、滚动速度</a>
            <a href="http://www.mamicode.com/index6.html">6、非无缝滚动</a>
            <a href="http://www.mamicode.com/index7.html">7、禁止拖动</a>
            <a href="http://www.mamicode.com/index8.html">8、内容不足不滚动</a>
            <a href="http://www.mamicode.com/index9.html">9、鼠标悬停不暂停</a>
            <a href="http://www.mamicode.com/index10.html">10、反向</a>
            <a href="http://www.mamicode.com/index11.html">11、自定义事件</a>
            <a href="http://www.mamicode.com/index12.html">12、图片演示</a>
        </div>

    </body>
</html>

　　

liMarquee演示12种不同的无缝滚动效果


联系
我们