jquery.rollbar实现自定义滚动条效果代码
代码语言:html
所属分类:加载滚动
代码描述:jquery.rollbar实现自定义滚动条效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/jquery.rollbar.css"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.17.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.mousewheel.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.rollbar.min.js"></script> <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/reset.min.css"> <style> /* browser reset */ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* typography */ body,html { width: 100%; height: 100%; } body { font: 14px/22px "Arial", sans-serif; color: #999; } h1,h2 { color: #666; font-weight: bold; } h1 { font-size: 28px; line-height: 30px; } h2 { font-size: 22px; } h1,h2,p,ul { margin: 0 0 22px; } img { border: 0; vertical-align: middle; } em { font-style: italic; font-weight: bold; } ul { list-style: inside square; } hr { margin: 22px 0; height: 1px; border: 0; width: 100%; background-color: #eee; } a { color: #444; text-decoration: none; } a:hover { color: #999; } /* classes */ body >.rollbar-content { width: 762px; left: 0; right: 0; margin: 0 auto; } .center-wrapper { padding: 40px 60px 0px; border-left: 1px solid #eee; border-right: 1px solid #eee; line-height: 70px; } .resize { position: fixed; right: 30px; bottom: 20px; } .footer { font-size: 11px; border-top: 1px solid #eee; margin-top: 44px; padding: 10px 0; text-align: center; } .footer a { padding-right: 10px; margin-right: 10px; border-right: 1px solid #eee; } .purchase { text-decoration: underline; } /* examples */ .example { height: 400px; width: 640px; } .example .rollbar-path-horizontal { height: 3px; background: rgba(255,255,255,0.2); } .example .rollbar-path-vertical { width: 3px; background: rgba(255,255,255,0.2); } .........完整代码请登录后点击上方下载按钮下载查看
网友评论0