</style>
</head>
<body>
<div class="left">
<div class="Explain sss">
<div class="Explain_text">
leonaScroll-1.1.js
<br />介绍：是一款基于jquery框架，结合mousewheel插件实现的自定义滚动条
<br /><span style="color:red">(未超出可显示文本区域时，要求显示滚动条)</span>
</div>
</div>
</div>
<div class="center">
<div class="welcome">
<div class="welcome_text">
leonaScroll-1.1.js
<br />欢迎使用leonaScroll-1.1.js，如您在使用过程中发现更多问题，欢迎指正！
<br />作者：leona
<br />发布时间：2016-6-16
<br />博客：<a href="http://www.cnblogs.com/leona-d/">http://www.cnblogs.com/leona-d/</a>
<br /><span style="color:red">(未超出可显示文本区域时，默认不显示滚动条)</span>
</div>
</div>
</div>
<div class="right">
<div class="usage">
<div class="usage_text">
leonaScroll-1.1.js
<br />欢迎使用leonaScroll-1.1.js，如您在使用过程中发现更多问题，欢迎指正！
<br />更新：1.1版本
<br />1、修复了前面初始版本中的一些bug，比如不能自适应用户的文本内容，css文件繁杂
<br />2、用户只需调用一个方法即可使用该插件，无需按照原来的class类名去添加和定义你的滚动条文本域及外层元素，显得更为自由
<br />3、增设了滚动条宽度、上下微调按钮高度，滚动文本区域的设置
<br />4、增设了文本内容未超出时是否显示滚动条可选设置选项，如不设置，默认为不显示
<br />5、增设了滚动文本宽度的可选设置选项，如不设置会自动为您适配到最佳宽度
<br />使用方法：
<br />1、建立好您的Html，引用jquery框架与mousewheel插件，及我们的leonaScroll-1.1.js插件
<br />2、使用$("")..LeonaScroll({speed,scroll_text,sWidth,updownH})调用插件
<br />3、属性说明：
<br /> speed 滚动速度，必须
<br /> scroll_text 滚动文本内容class，必须
<br /> sWidth 滚动条宽度，必须
<br /> updownH 上下微调按钮高度，必须
<br /> scrollbar 文本内容未超出时是否显示滚动条，显示为false，不显示为true，可选，默认为true
<br /> text_width 滚动文本宽度，可选
</div>
</div>
</div>
<script type="text/javascript">
//滚动条调用方法
$(".Explain").LeonaScroll({ speed: 20, scroll_text: ".Explain_text", sWidth: 14, updownH: 20, scrollbar: false});
$(".welcome").LeonaScroll({ speed: 20, scroll_text: ".welcome_text", sWidth: 14, updownH: 20 });
$(".usage").LeonaScroll({ speed: 20, scroll_text: ".usage_text", sWidth: 14, updownH: 20 });
