这是过年的时候自己写的js滚动条插件的源码，做出的效果自己并不满意，正因为做的并不满意所以回头重新巩固和深入学习js，这个插件有如下几个不太满意的地方：
内容的过度效果，可以参阅QQ客户端最近会话列表里的滚动条，它的滚动非常的平滑，简单的说就是缺少动画过渡效果。
并不算完美的兼容性，在IE6、7下的style仍然有点缺憾。
样式的不完美，例如鼠标悬浮才显示滚动条，移除后隐藏这种效果都没有写。
内部结构的混乱，需要调整内容结构。
滚动条那个图片毕竟不是美工，自己切图切的真是恶心到爆了...囧
总体来说还是可以看的，还是缺少一个动画。在写这个插件意识到自己的插件用到了一些比较基础的函数，于是想到把这些函数应该封装起来，最近仍然在深入学习js，把手头上这本书看完就应该着手写这个基础函数的插件了，当然，动画引擎必不可少。话不多说，源码在此（注意：本插件完整版的是有图片的，请在文末附件中下载完整的插件）：
CSS
代码如下:
JavaScript
代码如下:
PHP
* http://www.gnu.org/licenses/gpl.html
*
*/
(function (window,undefined) {
//配置参数信息
var config = {
auto: true,
height: 'auto',
width: 'auto'
};
var linkFlyScroll = function (dom,options) {
///
/// 1: 生成模拟滚动条对象，【请在本对象工作之后再为您指定的对象绑定事件，否则您之前绑定的事件将不会进行工作】
///
1.1 - linkFlyScroll(dom) - 在指定的dom上生成滚动条对象
///
1.2 - linkFlyScroll(dom,options) - 生成滚动条对象，同时提供一系列的参数允许您自定义配置该对象的工作模型
///
///
/// 自定义配置该对象的工作模型，有如下选项：
///
[可选]auto（Boolean）：当内容并未达到容器的高度的时候，是否自动隐藏滚动条，默认为true(是)
///
[可选]height（Int Or String）：默认单位为px，可以为int和String.值为auto则默认采用css的高度
///
[可选]width（Int Or String）：默认单位为px，可以为int和String.值为auto则默认采用css的宽度
///
///
/// 1: 本对象才是真正意义上工作的对象，特殊的工作方式是因为可能存在linkFlyScroll的静态调用和实例化调用
///
1.1 - init(dom,options) - 在指定的dom上生成滚动条对象
///
///
/// 自定义配置该对象的工作模型，有如下选项：
///
[可选]auto（Boolean）：当内容并未达到容器的高度的时候，是否自动隐藏滚动条，默认为true(是)
///
[可选]height（Int Or String）：默认单位为px，可以为int和String.值为auto则默认采用css的高度
///
[可选]width（Int Or String）：默认单位为px，可以为int和String.值为auto则默认采用css的宽度
///
///
/// 1: 鼠标按下事件
///
1.1 - mouseDown(e) - 滚动条中鼠标按下滚动条事件
///
///
///
/// 1: 鼠标释放事件
///
1.1 - mouseUp() - 滚动条中鼠标释放滚动条事件
///
///
/// 1: 滚动事件（核心），传入需要滚动的坐标即可（滚动条top）
///
1.1 - scrollEvent(currTop) - 核心滚动事件
///
///
///
/// 1: 滚动条内容改变函数
///
1.1 - change() - 本函数代表刷新本滚动条对象的数据，在某些情况下，内容的数据是一直在变化的，可以调用本函数对当前滚动条对象刷新数据
///
///
/// 1: 滚动条偏移方法
///
1.1 - roll(value) - 滚动条滚动方法
///
///
///
/// 1: 设置元素节点的class属性
///
1.1 - setClass(element,className) - 设置元素节点的class属性，如没有该节点则创建该节点，并返回修改后的节点对象
///
/// 修改该节点
///
///
///
/// 1: 判断元素是否有class
///
1.1 - hasClass(element,className) - 判断元素是否有class，在业务中异常（基本没有该情况的发生）和有该class返回true，否则返回false
///
///
///
///
/// 1: 为元素【追加】class
///
1.1 - addClass(element,className) - 为元素【追加】class，并返回修改后的class
///
///
///
///
/// 1: 为元素移除class
///
1.1 - addClass(element,className) - 为元素移除class，并返回修改后的class
///
///
///
///
/// 1: 获取元素css指定的属性值
///
1.1 - css(element,className) - 获取元素css指定的属性值
///
///
/// 获取的css属性
///
///
/// 1: 为元素追加事件
///
1.1 - css(element,fn) - 为元素追加事件，函数中this指向事件源
///
///
///
///
///
// /// 1: 为元素删除事件，本函数并未用到
// ///
1.1 - removeEvent(element,fn) - 为元素删除事件
// ///
// ///
// /// 删除的事件名
// ///
// /// 删除的事件的函数名
// ///
// ///
/// 1: 追加ScrollEvent事件
///
1.1 - addScrollEvent(element,fn) - 在元素上追加ScrollEvent事件（特殊事件，在元素上鼠标滚轮滚动事件）
///
///
/// 方法
///
///
/// 1: 获取Event对象
///
1.1 - getEvent() - 在无参数的情况下获取Event对象，同时兼容性处理IE和FF
///
///
/// 1: 获取当前鼠标坐标
///
1.1 - getMousePos(ev) - 获取当前鼠标坐标，兼容性处理，返回的对象格式：{ x:鼠标x坐标,y:鼠标y坐标 }
///
///
///
/// 1: 将两个对象进行合并
///
1.1 - extend(oldObj,newObj) - 将两个对象合并，并返回合并后的对象，采用clone的方式实现，所以不会对两个对象产生任何影响
///
/// 属性覆盖到基础对象中
///
///
///
/// 1: 克隆一个对象
///
1.1 - clone(obj) - 克隆一个对象，并返回克隆后的新对象，该对象的原型是被克隆的对象
///
///
///
/// 1: 将数值转换为有效的数值
///
1.1 - convertValue(value) - 将Json配置的css数值转换为有效的数值，请保证value的值不为"auto"
///
///
///
代码示例
代码如下:
">
">
当前，企业管理领域刮起一股新的“时尚风”，一些巨头企业纷纷为自己“瘦身”，向更智慧和灵动的业务转型。据了解，甲骨文软件正越来越多地把客户的主要维护成本向咨询顾问和第三方供应商转移。
“在中国本土，90%的甲骨文公司业务是通过这些合作伙伴开展的。此外，为了进一步确保甲骨文的收入，CEO埃里森还购买了夏威夷的一个小岛。” Craig Guarente说道。
作为全球副总裁，Guarente非常清楚甲骨文的各项战略。Guarente具有16年的工作经历，曾在合同管理、软件许可证管理、软件审计方面有丰富经验。2011年离开甲骨文后，加入了Palisade公司，该公司的主要业务是帮助甲骨文客户提供软件承包、审计介入和许可证“优化”等业务。
Guarente表示，Palisade公司业务发展非常迅速。作为第三方机构，Palisade帮助客户赢得了大笔订单，因为他们更贴近市场，能更准确地理解用户需求。
一般来说，咨询公司是帮助客户梳理他的实际需求及软件本身能提供什么价值。Guarente通过实际操作做了详细阐述。比如“你想建设一个新的数据中心，想要推出一个新的灾难恢复计划，或者你想进入云端，第三方公司首先会制定一个规划图，最后落实，达成用户最终目标。如果把软件部署在很多服务器的不同位置上，企业会有丢失软件的现象。因为企业软件很少能得到许可证密钥。但Oracle已经形成习惯，每一个可能功能都可以在软件环境下下载。Oracle数据库管理员通过自动负载的存储库(AWR)报告就可以诊断数据库问题，这是常见的事，但需要你有一个Oracle数据库包的许可。”
近年来，随着软件审计浪潮的兴起，许多公司正在安装软件资产管理工具来确定他们使用什么软件，能使用多长时间，一个企业多少人在用。但资深管理分析师Hegedus说到：“没有任何工具能准确理解企业规则，尤其是甲骨文的产品应用，需要专业的第三方机构来帮助用户理解软件规则。”
那么怎么才能为甲骨文的软件应用打补丁呢？甲骨文总裁马克•赫德(Mark Hurd)上周表示：在企业应用之初要把第三方机构定义为服务支持方，这样方便企业日后免费获得补丁修复和其他支持，而不只是购买产品知识产权。另外，企业要有效利用咨询顾问，在了解企业使用什么软件，协议应该包含什么内容时，支持成本控制的第一步。不要盲目离开软件供应商，按照自己预测和猜想的流程采购软件。
以上就是本文的全部内容了，讲解的十分详细，希望大家能够喜欢。
原文链接：https://www.f2er.com/js/55478.html