无法使用jQuery使用垂直滚动新闻代码插件

我试图在我的页面中使用jQuery来使用这个垂直滚动插件。我已经在我的页面中完成了

---

在我的html页面中

---

然而，css似乎有一些问题。看看它：

---

---

这里有什么错误？

请插入此代码

<link rel="stylesheet" type="text/css" href="index.css" media="all">

之后

<script type="text/javascript" src="newsticker.js"></script>

没有这一点：

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="newsticker.js"></script>
<script type="text/javascript">
$(function(){
    $('#newsticker-container').newsTicker();
});
</script>
<style>
body, html { padding: 0px; margin: 0px; }
body { background: none repeat scroll 0% 0% rgb(204, 204, 204); }
#newsticker-container a { color: rgb(216, 59, 151); text-decoration: none; }
#newsticker-container { width: 400px; margin: 30px auto auto; border: 5px solid rgb(238, 238, 238); }
#newsticker-container ul li div { border-top: 1px solid rgb(226, 226, 226); background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 10px 5px; }
</style>
<div id="newsticker-container">
   <ul>
      <li>
        <div>1) Facebook type vertical navigation menu</div>
      </li> 
      <li>
        <div>2) Facebook type vertical navigation menu</div>
      </li>
      <li>
        <div>3) Facebook type vertical navigation menu</div>
      </li>
      <li>
        <div>4) Facebook type vertical navigation menu</div>
      </li>
      <li>
        <div>5) Facebook type vertical navigation menu</div>
      </li>
      <li>
        <div>5) Facebook type vertical navigation menu</div>
      </li>
      <li>
        <div>6) Facebook type vertical navigation menu</div>
      </li>
      <li>
        <div>7) Facebook type vertical navigation menu</div>
      </li>
   </ul>
</div>

$（函数（）{
$（“#newsticker container”）.newsticker（）；
});
正文，html{填充：0px；边距：0px；}
正文{背景：无重复滚动0%0%rgb（204204204）；}
#newsticker容器a{color:rgb（216，59，151）；文本装饰：无；}
#newsticker容器{宽度：400px；边距：30px自动；边框：5px实心rgb（238238238238）；}
#newsticker容器ul li div{边框顶部：1px实心rgb（226，226，226）；背景：无重复滚动0%0%rgb（255，255，255）；填充：10px 5px；}


1） Facebook类型垂直导航菜单


2） Facebook类型垂直导航菜单


3） Facebook类型垂直导航菜单


4） Facebook类型垂直导航菜单


5） Facebook类型垂直导航菜单


5） Facebook类型垂直导航菜单


6） Facebook类型垂直导航菜单


7） Facebook类型垂直导航菜单

jQuery是否按预期工作？

<link rel="stylesheet" type="text/css" href="index.css" media="all">

<script type="text/javascript" src="newsticker.js"></script>

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="newsticker.js"></script>
<script type="text/javascript">
$(function(){
    $('#newsticker-container').newsTicker();
});
</script>
<style>
body, html { padding: 0px; margin: 0px; }
body { background: none repeat scroll 0% 0% rgb(204, 204, 204); }
#newsticker-container a { color: rgb(216, 59, 151); text-decoration: none; }
#newsticker-container { width: 400px; margin: 30px auto auto; border: 5px solid rgb(238, 238, 238); }
#newsticker-container ul li div { border-top: 1px solid rgb(226, 226, 226); background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 10px 5px; }
</style>
<div id="newsticker-container">
   <ul>
      <li>
        <div>1) Facebook type vertical navigation menu</div>
      </li> 
      <li>
        <div>2) Facebook type vertical navigation menu</div>
      </li>
      <li>
        <div>3) Facebook type vertical navigation menu</div>
      </li>
      <li>
        <div>4) Facebook type vertical navigation menu</div>
      </li>
      <li>
        <div>5) Facebook type vertical navigation menu</div>
      </li>
      <li>
        <div>5) Facebook type vertical navigation menu</div>
      </li>
      <li>
        <div>6) Facebook type vertical navigation menu</div>
      </li>
      <li>
        <div>7) Facebook type vertical navigation menu</div>
      </li>
   </ul>
</div>