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

袁旻
2023-12-01

最近写网页用了几个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 研读还是博大精深的。

 



 类似资料: