热门搜索：
绿色免费汉化软件之家,用户体验最好的软件下载基地!
您所在的位置： &
> css实现滚动条美化
css实现滚动条美化
随着网页设计内容的丰富多彩，设计们越来越注重网页设计的风格。滚动条美化，可以为网站的美观程度增色不少，使用户的体验度更加地友好！滚动条的美化实现网页的美观已经越来越成为今后网页设计的方向！
首先小编先说一下去掉滚动条的方法：
如果用百度风格模版的话，滚动条只可能有一个，那就是整个空间右边最大的窗口滚动条，现在可以把这个滚 动条去掉，但是却不影响浏览的方法，以达到滚动条美化的效果：
在body{}中加入overflow-y :visible就可以了，这样滚动条就不会显示出来了。大家可能会问，这样怎么往下拉？呵呵，既然我说了不影响浏览，那当然是有方法的，浏览的方法就是用鼠标的滚轮，虽然滚动条没了，可是鼠标滚轮还是能够让网页上下滚动的。我相信大家一般浏览网页的时候用滚轮下拉网页的次数应该比直接用鼠标拖动滚动条的次数多吧？提示下，如果碰到没有滚动条而鼠标又没有滚轮的朋友，该怎么浏览网页呢？呵呵，大家可以用键盘上面的方向键上方的pageup和pagedown来上下翻页，也可以用空格往下拉网页和shift+空格往上拉网页，还有一个方法就是用上下方向键来拉动，另外还有按home键回到网页顶部，end键到达网页底部，呵呵，是不是方法很多呢？不过这样总会有那么一些些的不方便，所以大家可以根据自己的空间和喜好来考虑要不要取消这个滚动条。
&body scroll=&no&&
去掉水平滚动条：
&body style=&overflow-x: hidden&&
去掉竖直滚动条：
&body style=&overflow-y: hidden&&
隐藏横向滚动条，显示纵向滚动条:
&body style=&overflow-x:overflow-y:scroll&&
&body style=&overflow:hidden&&
&body scroll=&no&&
如果是框架页，利用上面的方法仍不能去除可考虑以下办法：
被包含页面里加入
html { overflow-x: }
如果想隐藏垂直滚动条:
html { overflow-y: }
这里先说一下滚动条美化的属性代码：
overflow-y : visible | auto | hidden | scroll
visible : 　不剪切内容也不添加滚动条。
auto : 　在需要时剪切内容并添加滚动条
hidden : 　不显示超过对象高度的内容，这里不对这个属性作介绍，大家喜欢的话可以自己尝试
scroll : 　总是显示纵向滚动条
下面小编说说另一种滚动条美化的方法--添加滚动条：
overflow-y :height:?px& 值为auto就是自动判断要不要加入滚动条，当设定的对象内容超过了height设定的高度时，就自动添加滚动条，不然则不显示，body{}中的默认值就是overflow-y :height:浏览器高度，所以当网页内容超过浏览器高度的时候，浏览器右边就会自动显现出滚动条来。
大家如果需要设置这个的话，本人建议设置在最新评论#m_comment{}、文章列表#m_blog{}等内容和高度都不固定的模版中，有的朋友找不到这些模版的id，可能只有例如#m_comment div.item{}或者#m_pro a{}等的id，那么可以自己加上没有的id，这样就可以设置了
这里还有另一个添加滚动条的方法：
overflow-y :scroll
这个参数的作用上面解释过了，不过如果只加这个参数的话，虽然滚动栏会显示，但是不会显示滚动条，所以必须还要加上一个height:?px 高度属性，跟上面的那个方法差不多，但是有根本的区别，这个无论对象内容的高度是否超过了height设定的高度，滚动栏永远都会显示在边上的。
下面我们继续说一下关于滚动条的美化， 先说一下美化的各个属性：
scrollbar-face-color: 颜色代码;
scrollbar-highlight-color:颜色代码;
scrollbar-shadow-color: 颜色代码;
scrollbar-3dlight-color: 颜色代码;
scrollbar-arrow-color: 颜色代码;
scrollbar-track-color: 颜色代码;
scrollbar-darkshadow-color: 颜色代码;
前面的7个属性都可以不用设置了，滚动条会自动帮你设定的，只是这个设定都会基于你设定的scrollbar-base-color的颜色而自动设定。
这个属性的优点就是不用大家费尽心思的去研究各个地方的颜色，但是缺点就是不能够融和五颜六色于一体。
注：设定了scrollbar-base-color就不要设定其他七个属性了，设定了其他七个属性就不要设定scrollbar-base- color，不然之间可能会有冲突，会有一些效果不起作用的
最后，还是考虑到大家可能会喜欢小编的美化代码，故把美化的代码贴出来：
scrollbar-face-color: #
scrollbar-highlight-color:
scrollbar-shadow-color: #813533;
scrollbar-3dlight-color: #813533;
scrollbar-arrow-color: #813533;
scrollbar-track-color:
scrollbar-darkshadow-color: #813533;
以上代码小编是加在body{}中的。
上一篇文章：
下一篇文章：
网友评论已有0条评论，
热门关键词jQuery下拉滚动条刷新 ajax获取数据 - 推酷
jQuery下拉滚动条刷新 ajax获取数据
效果就是看百度图片的时候，滚动条拉到底部，将会出现动态刷新的图样。
已经做成了插件
下面是文件 jquery.bottomScrollLoading.js 中的代码
* Created by ipqhjjybj on 14-3-7.
;(function($){
var $bottomScrollL
$.fn.bottomScrollLoading = function(settings){
return this.each(function(){
$bottomScrollLoading.init($(this), settings);
$bottomScrollLoading = $.bottomScrollLoading = {
init: function(outer, settings){
this.appendTo = settings.appendTo | $(&body&);
this.outer =
//这是滚动的视图
this.range = settings.range || -700; //距下边界长度/单位px
this.maxnum = settings.maxnum || 20; //设置加载最多次数
this.ajaxData = settings.ajaxData || {};
this.isLoading =
this.num = 1;
if ('undefined' === typeof this.ajaxData.dataType || !$.inArray(this.ajaxData.dataType, ('html', 'json'))) {
this.ajaxData.dataType = 'html';
this.tmp_success = this.ajaxData.
this.ajaxData.success = function(ret){
sl = $bottomScrollL
sl.isLoading =
$(&#ipq_loading&).remove();
if('function' === typeof sl.tmp_success){
sl.tmp_success(ret);
$(this.outer).scroll(function(){
var sl = $bottomScrollL
var scrollPos = $(this).scrollTop();
var totalHeight = parseFloat($(sl.outer).height()) + parseFloat(scrollPos);
if( (false === sl.isLoading) && ( $(document).height()-sl.range) &= totalHeight
&& sl.num &= sl.maxnum){
sl.isLoading =
$(&#content&).append(&&img id='ipq_loading' style='height: 60 width: 60 margin: 0 margin-top: -60 margin-left: 45%' src='/img/allimg/-50.gif'&&);
sl.sendRequest();
sl.num = sl.num + 1;
sendRequest:function(){
$.ajax(this.ajaxData);
})(jQuery);
how to use it
$(window).bottomScrollLoading({
out:$(document),
ajaxData:{
url: &test5.html&,
success:function(ret){
alert(ret);
$(&#content&).append(&&div style='height: 500background-color: #FF0000;'&&/div&&);//如果想修改 loading的图片，请修改这里
使用时加上头文件
&script src=&js/jquery-1.9.0.min.js& type=&text/javascript&&&/script&
&script src=&js/jquery.bottomScrollLoading.js& type=&text/javascript&&&/script&
之后加上代码
$(window).bottomScrollLoading({
out:$(document),
ajaxData:{
url: &test5.html&,
success:function(ret){
//alert(ret);
$(&#content&).append(&&div style='height: 500background-color: #FF0000;'&&/div&&);
放上我的 demo页面好了
&!DOCTYPE=html&
&script src=&js/jquery-1.9.0.min.js& type=&text/javascript&&&/script&
&script src=&js/jquery.bottomScrollLoading.js& type=&text/javascript&&&/script&
&script type=&text/javascript&&
$(window).bottomScrollLoading({
out:$(document),
ajaxData:{
url: &test5.html&,
//就是ajax时用的地址
success:function(ret){
//alert(ret);
$(&#content&).append(&&div style='height: 500background-color: #FF0000;'&&/div&&);
&div id=&content& style=&height:960px&&
&div id=&follow&&t&br/& 页面下拉自动加载内容&/div&
&div style='border:1margin-top:20color:#ac1;height:800' &hello world test DIV&/div&
制作这个插件的时候，参考了
这里的代码
如果对加载时的loading图片不满意的。可以去修改 &jquery.bottomScrollLoading.js &中的 $(body)附加的图片部分。。
第一次做jQuery插件。。
看来js水平进步了很多。。
已发表评论数()
&&登&&&录&&
已收藏到推刊！
请填写推刊名
描述不能大于100个字符!
权限设置： 公开
仅自己可见您的位置： >
魔力视频播放器使用教程 Moliplayer怎么用
魔力视频播放器使用教程 Moliplayer怎么用
魔力视频(Moliplayer)是一款专为手机用户推出的万能播放器应用，魔力视频播放器目录适于WP、安卓和iOS平台，尤其在WP8系统下Moliplayer Pro有更好的表现，有许多用户不知道Moliplayer怎么用，我们在官网搜集了对大家使用中有帮助的一些教程，欢迎阅读。
魔力视频播放器免费下载：
魔力视频安卓版：魔力视频TV版：魔力视频WP版：魔力视频iPad版：魔力视频iPhone版：
魔力视频播放器使用教程：
1.如何将视频通过wifi下载到本地? （iPhone/iPad）您可以用下面两种方法上传：第一种方法:itunes （需要将手机通过usb连接到电脑） 1）数据线连接iPhone和电脑 2）在pc上启动itunes 3）在itunes上的&设备&中选择您的设备 4）在itunes右上方的菜单栏，点击&应用程序& 5）下拉滚动条到&文件共享&的位置，在这里左侧的程序列表，选择moliplayer，之后在右侧的列表，您能看到当前moliplayer的视频 6）选中您要下载的视频，然后点击右下角的&保存到&按钮，选择好位置之后就可以下载到本地了 第二种方法:ftp(通过wifi） 1）在iphone中启动moli player，点击&更多&，点击&wifi 传输& 2）在传输窗口，会提供url地址，比如ftp的
3）在电脑上，打开资源管理器（或者一个ftp客户端），输入上面的url地址，然后就能看到所有文件和目录列表了 4）右击要下载的视频，选择&复制&或&复制到文件夹& 5）找好位置就能下载了.
2.如何加密目录?（iPhone/iPad）您需要购买相关插件，可以对除了默认文件夹外的所有文件夹进行加密。加密方法：1) 进入文件夹（如&剧集&）2) 点击右上角&更多&按钮3) 弹出菜单中选择&目录加密&4) 设置密码完成加密
3. 如何加载字幕以及支持的字幕格式（iPhone/iPad/Android）魔力播放器支持srt和ass格式的外挂字幕，您可以按照下面的步骤操作：1）首先将视频和字幕文件（字幕的名字和视频的名字必须一样）拷到moliplayer中2）进入视频列表，点击视频右侧的小箭头进入视频详细信息窗口3）在详情窗口点击&更换字幕&按钮4）选择您想要的字幕，点击确定5）播放视频的时候就有字幕了
4.附近视频为什么没有内容？（iPhone/iPad/Android）附近设备，目前只支持upnp协议，还暂时不支持windows的文件共享。Win7已经支持upnp，您可以将win7上的视频通过upnp共享出来，之后在&附件设备&中就能看到了。win7共享方法如下：打开Windows Media Player &&点击&媒体流&&&点击&允许远程控制我的播放器&和&自动允许设备播放我的媒体&，将二者设置为允许&&点击&打开媒体流&&&&启用媒体流&&如果之前的&SSDP Discovery&、&UPnP Device Host&和&Windows Media Player Network Sharing Service&服务打开的话，那么点击&启用媒体流&就会开启媒体流功能；如果之前没有开启这三项服务的话，点击&启用媒体流&之后，就会出现&媒体流未启用&此时点击&Windows 服务管理工具&，将这三项服务开启，然后再次点击Windows Media Player中的&媒体流&&&打开媒体流，就会成功开启DLNA服务。
具体参考地址：
5.购买了硬解解码插件，为什么还是软解播放？（iPhone/iPad）硬解播放是有格式要求的，不同的硬件支持的硬解格式也不同。MoliPlayer在播放不支持硬解的视频编码格式时，会自动切换到软解模式，保证您的正常 观看。对于专业版本来说，系统默认支持硬解的只是mov、3gp格式的视频，我们通过转码（在player版本中，是需要购买硬解插件），又增加了 mpeg4、h264视频编码的mkv文件和ts文件的支持，其他的格式都只能软解播放。
6.为什么每次进入目录都需要输入密码?（iPhone/iPad）每次进入加密的目录时，都需要输入密码，这样是为了更好地保护您的隐私。不过密码设置只需要设置一次即可。
7.如何改变播放速度（如何快慢放）? （iPhone/iPad/Android）您在购买了倍速播放插件后，可以通过下面的步骤修改播放的速度，进行快速、慢速播放：1）使用&软解&的模式播放视频（可以点击视频缩略图上的箭头形状的图标，进入视频详情窗口，点击右侧的&软解播放&按钮，来软解播放视频）2）在播放窗口，点击播放控制条左侧的&更多&按钮（形状是3个点）3）在弹出的窗口中，点击&快慢放&按钮4）在弹出的选择窗口中，选择您希望的速度，点击确认，就可以实现快慢放了。
8.密码如何找回？（iPhone/iPad）因为密码保存在手机本地，所以暂时没有密码恢复功能。不过您可以将手机连到电脑上，通过itune，将加密目录的内容导出来，然后删除加密的目录。
9.卸载再安装，或者系统恢复后，已经购买的插件是否还需要再次购买？（iPhone/iPad）我们在新版本的Moli Player中，已经增加了&恢复已购买插件&功能。您卸载后再重装，或者系统恢复后，可以点击&插件列表&最下面的&恢复已购买插件&按钮来恢复所有您已经购买过的插件（注意，您需要用您之前购买插件相同的apple id登录iphone，之后再恢复），这个过程是不会扣费的。
10.硬解和软解有什么区别？（iPhone/iPad/Android）硬件解码是利用设备自身的系统播放器进行播放，这样能够有效利用硬件的性能，播放视频时，尤其是高清视频时，更清晰和流畅。不过，硬件解码有格式要求，默认只支持mov、mp4和3gp格式的视频。我们增加了转码支持（就是硬解转码插件），购买插件后，能够通过转码，实现mkv和ts视频（需要视频codec是h264系列的）的硬解播放。软件解码就是完全moliplayer软件来解码播放，这种方式，对一些普通视频，是感觉不到什么区别的，只是高清的视频，可能没有硬解清晰和流畅。不过软解播放，能支持更多的格式，我们目前测试到的已知格式都能支持，只是目前音频格式ac3和dts，因为版权原因，暂时去掉了。
11.如何打开或关闭字幕 （iPhone/iPad）您可以打开或关闭字幕通过如下步骤：&1）视频列表页面，缩略图显示下点击详细信息按钮（状如箭头）2）在视频详细信息窗口，点击右侧的&更换字幕&按钮3）在弹出的窗口，选择没有字幕（或其他字幕）然后点击&确定&按钮
12.如何输出到Apple TV? （iPhone/iPad）您在使用apple tv之前，需要将moliplayer和apple tv置于同一个局域网内。并且只在播放硬解视频时，会在左下角出现一个形如广播塔的按钮，点击该按钮，将视频输出到Apple TV就能在apple tv上面观看了。
13.如何进行后台播放? （iPhone/iPad）魔力播放器支持后台播放，只是默认是关闭的。您可以在&设置&中，启用&后台播放&。之后，您在关闭屏幕或home键后，就可以听到声音了。
14.怎样删除samba设备? （iPhone/iPad）进入设置&&删除附近设备密码，点击确定。然后回到附近设备下拉刷新就没有了
15.怎么删除附近设备中的快捷方式? （iPhone/iPad/Android）ipad版第一种方法：点击右上角的快捷方式按钮，点击编辑按钮就可以删除了。第二种方法：进入快捷方式的目录，点击右上角的&☆&，按钮，点击确定就可以删除了.iphone版进入快捷方式的目录，点击右上角的&☆&，按钮，点击确定。android版第一种方法：进入快捷方式界面，长按快捷方式，弹出&是否删除&，点击确定。第二种方法：进入该快捷方式的目录，点击右上角的&☆&按钮，弹出&是否删除&，点击确定。
16.为什么插件不能恢复或者购买? （iPhone/iPad）首先您需要确保下载软件的账号和购买的账号保持一致，并且在iphone上购买插件只能在iphone上恢复。如果您还是不能恢复成功，请问您的系统是不是ios7，我们正在解决这个问题，相信很快就会有结果。
17.如何删除视频? （iPhone/iPad）ipad 版1）点击视频右侧形如箭头的图标，点击删除即可2）所有视频列表下，点击编辑按钮选中要删除的视频，点击删除即可。iphone版1）点击视频右侧形如箭头的图标，点击删除即可2）或者选择所有视频界面下右上角的&三&按钮，再点击&编辑&按钮，然后选择视频删除即可。
18.Player和Pro有什么区别? （iPhone/iPad）player在购买全部插件之后，功能上就和pro一样了。
19.为什么MoliPlayer启动后会启动一个服务? （iPhone/iPad）魔力视频播放器会启动一个upnp协议来支持Air Play。有了Air Play的支持，您可以把魔力视频播放器里面的视频传输到苹果电视上。
20.如何删除非视频文件? （iPhone/iPad）您如果上传了文件看不到，您可以通过下面2种方法删除。第一种方法，通过itunes，主要步骤:1）数据线连接iPad和电脑2）在pc上启动itunes3）在itunes上的&设备&中选择您的设备4）在itunes右上方的菜单栏，点击&应用程序&5）下拉滚动条到&文件共享&的位置，在这里左侧的程序列表，选择moliplayer，之后在右侧的列表，您能看到当前moliplayer的所有文件，可以直接选择删除第二种方法，通过ftp，主要步骤 1）在iphone中启动moli player，点击&更多&，点击&wifi 传输&2）在传输窗口，会提供ftp 的url地址，比如http 的 3) 在电脑上，打开资源管理器（或者一个ftp客户端），输入上面的url地址，然后就能看到所有文件和目录列表了，在里面您就可以删除。
21.如何上传视频到Moli Player? （iPhone/iPad）您需要先将视频上传到魔力播放器中，然后才能在魔力播放器中找到它。您可以用下面的方法上传：1） itunes （需要将手机通过usb连接到电脑）2） http 或者ftp （通过wifi）第一种方法的主要步骤1）数据线连接iPad和电脑2）在pc上启动itunes3）在itunes上的&设备&中选择您的设备4）在itunes右上方的菜单栏，点击&应用程序&5）下拉滚动条到&文件共享&的位置，在这里左侧的程序列表，选择moliplayer，之后在右侧的列表，您能看到当前moliplayer的视频6）将电脑上的视频直接拖拽到右侧列表，或者点击&添加&按钮，即可上传视频到moliplayer第二种方法的主要步骤（以http为例）1）在iphone中启动moli player，点击&更多&，点击&wifi 传输&2）在传输窗口，会提供url地址，比如http 的 3) 在电脑上，打开浏览器（Firefor、Chrome、IE），输入上面的url地址4）在打开的页面，就可以传输视频到手机了。传输完成之后，您在魔力播放器中就能看到视频了
上一篇： 下一篇：