如何使这个JQuery插件工作？_Jquery_Html

如何使这个JQuery插件工作？

jquery html

如何使这个JQuery插件工作？,jquery,html,Jquery,Html,我在网上发现了这个非常酷的丝般光滑的字幕jquery插件@：我已经下载了最新的JQuery&jquerymarquee插件，如上面网站所示。但我仍然无法让它像他们网站上展示的那样工作：在下面查看我的html代码： <!DOCTYPE html> <html> <head> <script type="text/javascript" src="js/jquery-1.2.6.js"> </script> <script t

我在网上发现了这个非常酷的丝般光滑的字幕jquery插件@：

我已经下载了最新的JQuery&jquerymarquee插件，如上面网站所示。但我仍然无法让它像他们网站上展示的那样工作：

在下面查看我的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>


$（'marquee'）.marquee（.pointer）
新闻提要
从Lorem ipsum dolor坐到amet END

感觉如何让它工作的说明有点模糊。

有人能帮我指出哪里出了问题吗？

将代码包装在

$（文档）中。准备好（函数（）{}）

并将类

.pointer

放入

中

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

试试这样的

$(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>


从Lorem ipsum dolor坐到amet END

我认为应该是：

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

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


文件
新闻提要
从Lorem ipsum dolor坐到amet END
$（'marquee'）。marquee（“”）

在浏览marquee时，我还发现了一个可能对您有用的小提琴链接：

<!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>