jQuery Plugin【jplayer/jlayer/jscrollpane】使用心得

来源：互联网发布：seo基础入门编辑：程序博客网时间：2024/05/16 09:28

最近写网页用了几个jq插件，就写点心得以备今后查验：

1、jscrollpane:这是一个网页滚动条样式插件，由于一般浏览器块级元素在overflow为scroll的时候，会自带滚动条。

这些滚动条的track、thumb都有固定样式。要使滚动条达到自己希望的样式，一般情况仅仅用css是无法满足的。

anyway，css一般可以通过如下样式进行修正。一般网上都能搜到。

::-webkit-scrollbar{width: 1em;}

::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}

::-webkit-scrollbar-thumb{background-color: darkgrey;outline: 1px solid slategrey;}

如上的样式在以webkit为内核的浏览器中是可以使用的，不过对于滚动条的高度等的设置缺乏支持。

对于这种问题，jscrollpane应运而生，在应用它到HTML页面的时候，需要在<head>标签中加入它的css文件及JS文件，即可使用。

应用语法也比较简单，这里我就不详细说了，官方的API解释的很明白。

就是在加载应用它的时候，会自动给网页加很多HTML代码，这个当然也很容易理解。就相当于在原有HTML的基础上，取需要加载scrollbar的div的宽高值，在右侧或下侧

添加scrollbar的div块而已。

在此需要注意的一点是，jscrollbar只有对块级元素生效，对类似textarea的文本输入框并没有效果。

2、Jplayer===这是一个网页播放器插件，用它写播放器真是爽爆了。

里面有个cssSelector简直了，直接将网页中的相关播放器元素赋值给cssSelector即可调用。

而且，play和pause相互之间执行点击的时候是自动toggle的，根本不需要写额外的JS代码，

相当之好用。

3、Jlayer==貌似是国产的代码=-=，用它来写iframe会非常容易，这一块我接触不多，心得也不是很多，略过。

==========================================================================================

总之对JS 插件的使用大同小异，基本和JQ 的语法类似，不过细致的API 研读还是博大精深的。

0 0

jQuery Plugin【jplayer/jlayer/jscrollpane】 使用心得