西欧中世纪军制:jquery实现图片代替滚动条
来源:百度文库 编辑:九乡新闻网 时间:2024/05/03 09:05:16
http://js.alixixi.com/demo/656/
可以自由的给滚动条定义背景,上下按钮,当然不仅仅是颜色,连图片当背景也可以。支持鼠标滚轮,点击滚动条滚轴定位,上下按钮久按加速,兼容firefox,谷歌
$("#tt").jscroll();//默认调用
demo:
顶部我的id为dd
www.alixixi.com
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
底部$("#cc").jscroll({W:"12px"});//设置了滚动条宽度
demo:
顶部我的id为cc
www.alixixi.com
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
底部$("#ee").jscroll({W:"12px",Btn:{btn:false}});//设置了滚动条宽度,去掉了上下按钮,比有按钮好看多了,当然按钮是为了设置背景用的hoho
demo:
顶部我的id为ee
www.alixixi.com
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
底部/*-----------------以下为自定义滚动条样式,设置时注意逗号--------------*/
$(".dd").jscroll({ W:"12px"//设置滚动条宽度
,BgUrl:""//设置滚动条背景图片地址
,Bg:"#ccc"//设置滚动条背景图片position,颜色等
,Bar:{ Pos:"bottom"//设置滚动条初始化位置在底部
,Bd:{Out:"#000",Hover:"red"}//设置滚动滚轴边框颜色:鼠标离开(默认),经过
,Bg:{Out:"green",Hover:"#fff",Focus:"orange"}}//设置滚动条滚轴背景:鼠标离开(默认),经过,点击
,Btn:{ btn:true//是否显示上下按钮 false为不显示
,uBg:{Out:"black",Hover:"#fff",Focus:"orange"}//设置上按钮背景:鼠标离开(默认),经过,点击
,dBg:{Out:"black",Hover:"#fff",Focus:"orange"}}//设置下按钮背景:鼠标离开(默认),经过,点击
,Fn:function(){}//滚动时候触发的方法
});
demo:(滚轴初始化位置:底部)
顶部我的class为dd
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
测试内容
我的class为dd
www.alixixi.com
底部Download-->jquery.jsDownload-->jscroll.js(依赖于jquery.js)
jquery实现图片代替滚动条
jquery做图片滚动
jquery单行滚动、批量多行滚动、文字图片翻屏滚动效果
利用jquery实现图片显隐特效 | 知更鸟
简单实现网页图片无缝滚动代码
简单实现网页图片无缝滚动代码12
简单实现网页图片无缝滚动代码111
简单实现网页图片无缝滚动代码ads
js实现多个图片连续滚动(附上下、左右滚动代码
使用jquery实现用户名验证
轻松实现文本无缝隙滚动的代码,图片同理也可实现。
滚动条
滚动图片
滚动图片
图片+文字飘动+flah+滚动条+播放器+特效代码
jQuery+CSS实现动态滑动菜单导航
JQuery
滚动条代码
日志 滚动条代码
滚动条日志边框 -
滚动条精选&代码 -
日志滚动条代码
十八罗汉【滚动条观看】
博客首页滚动图片