插件的链接:
http://www.myjqueryplugins.com/jquery-plugin/jscrollbar
正如他们所说我刚下载的文件已上传到我的网站。 然后我嵌入了html并添加了这段代码:
<!-- include CSS & JS files -->
<!-- CSS file -->
<link rel="stylesheet" type="text/css" href="http://newsxpressmedia.com/files/theme/jScrollbar.jquery.css" media="screen" />
<!-- jQuery files -->
<script type="text/javascript" src="http://newsxpressmedia.com/files/theme/jquery.js"></script>
<script type="text/javascript" src="http://newsxpressmedia.com/files/theme/jquery-ui.js"></script>
<script type="text/javascript" src="http://newsxpressmedia.com/files/theme/jquery-mousewheel.js"></script>
<script type="text/javascript" src="http://newsxpressmedia.com/files/theme/jScrollbar.jquery.js"></script>
<!-- Main container -->
<div class="jScrollbar">
<!-- Scrolling content container -->
<div class="jScrollbar_mask">
<p>
<!-- Your long content here -->
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi...dfdfdsfdfddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
</p>
</div>
<!-- slider container -->
<div class="jScrollbar_draggable">
<!-- slider -->
<a href="#" class="draggable"></a>
</div>
<!-- don't forget to clear the floats -->
<div class="clr"></div>
</div>
<script type="text/javascript">
$(document).ready(function(){
// simple jScrollbar plugin call
$('.jScrollbar').jScrollbar();
// more complex jScrollbar plugin call
$('.jScrollbar').jScrollbar({
scrollStep : 25,
position : 'left',
showOnHover : true
});
});
</script>
但我所看到的只是文字:
Lorem ipsum dolor坐下来,精神上的精神。 Morbi ... dfdfdsfdfddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
我没有看到任何滚动条 这些文件的链接很好,就像我正在使用其他有效的jquery插件一样。