Question

我在网上找到了这个非常酷的丝滑流畅的jquee插件： Smooth marquee

我已经下载了最新的JQuery＆amp;在上面的网站上指示的JQuery选框插件。但是我仍然无法在其网站上展示它：The demo。

查看下面的html代码：

<!DOCTYPE html>
<html>
<head> 
<script type="text/javascript" src="js/jquery-1.2.6.js"> </script>
<script type="text/javascript" src="js/gistfile1.js"></script>

<script> $('marquee').marquee(.pointer) </script>
</head>
<body>

<h2>News Feed</h2>

<div class="pointer" style="display: block-inline; width: 350px; height: 41px; overflow: hidden;">
<div style="float: left; white-space: nowrap; padding: 0px 350px;">

<p>START Lorem ipsum dolor sit amet END</p>
</div>
</div>

</body>
</html>

关于如何使其工作的指示感觉有点模糊。有人可以帮我指出我哪里出错吗？

Answer 1

您没有在任何地方使用选框标记。使用标签实现滑动效果。这个插件只是让滑动变得更加顺畅。检查以下代码： `

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script src="gistfile1.js"></script>
    <title>Document</title>
</head>
<body>

    <h2>News Feed</h2>

    <!-- <div class="pointer" style="display: block-inline; width: 350px; height: 100px; overflow: auto;">
        <div style="float: left; white-space: nowrap; padding: 0px 350px;">

            <marquee>START Lorem ipsum dolor sit amet END</marquee>
        </div>
    </div> -->

    <marquee style="width: 350px;">START Lorem ipsum dolor sit amet END</marquee>

</body>
<script> 
    $('marquee').marquee('')
</script>
</html>

`

在浏览选框时，我还找到了一个可能对您有用的小提琴链接：jsfiddle smooth marquee

Answer 2

将您的代码包含在$(document).ready(function() {})内，并将您的课程.pointer放入' ';

$(document).ready(function() 
    $('marquee').marquee('.pointer');
});

Answer 3

尝试这样的事情

$(document).ready(function() {
    $('marquee').marquee();
});

你需要在html中使用选框

    <marquee behavior="scroll" direction="left" scrollamount="2" width="350">
        <p>START Lorem ipsum dolor sit amet END</p>
    </marquee>

Answer 4

我认为应该是：

$(document).ready(function() 
    $('.pointer').marquee();
});

如何使这个JQuery插件工作？

4 个答案: