实例一、修改浏览器窗口的滚动条样式
直接复制粘贴以下代码到ccs中
body{
scrollbar-face-color:#daa520;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#000;
scrollbar-arrow-color:#4b0082;
scrollbar-base-color:#daa520;
scrollbar-dark-shadow-color:#69f;
}
建议使用在线滚动条制作工具自动生成,生成后的代码放到body{}里面即可。
实例二、给友情链接添加滚动条
思路:利用overflow-y
直接复制粘贴以下代码到css中
#m_links{overflow-y:auto;height:200px}
height是你所希望的友情链接高度。
你也可以把实例一里面的代码放进去让他更漂亮。
如:
#m_links{
overflow-y:auto;height:200px;
scrollbar-face-color:#daa520;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#000;
scrollbar-arrow-color:#4b0082;
scrollbar-base-color:#daa520;
scrollbar-dark-shadow-color:#69f;
}
想添加其他模块的滚动条,只需将m_links替换成想添加的模块id即可
分享到:
相关推荐
滚动条到底部加载数据原理很简单,就是为window或者滚动元素添加一个scroll事件,浏览器每次触发scroll事件时判断是否滚动到了浏览器底部, 如果到了底部则加载新数据。关键是计算滚动条是否滚动到了浏览器底部,...
实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...
JavaScript+jQuery 网页特效设计 jQuery事件基础 1、jQuery事件概述 jQuery对JavaScript操作DOM事件进行了封装,形成了更好的...当调整浏览器窗口大小时触发 2、事件的绑定 bind() 方法:可以向被选元素添加一个或多
9.17 显示浏览器信息的窗口 252 9.18 显示访客登录信息的窗口 253 9.19 标题渐变的窗口 255 9.20 绝对全屏打开链接网页 257 9.21 打开一个频道窗口 258 9.22 在页面中打开窗口 258 9.23 自动滚动的窗口 259 ...
第17章 进度条、滚动条特效处理 17.1 使用符号制作的进度条 17.2 用table制作的进度条 17.3 CSS+JS制作的进度条(一) 17.4 CSS+JS制作的进度条(二) 17.5 进度条形式的下载效果 17.6 滑动条(一) 17.7 滑动条(二...
第17章 进度条、滚动条特效处理 17.1 使用符号制作的进度条 17.2 用table制作的进度条 17.3 CSS+JS制作的进度条(一) 17.4 CSS+JS制作的进度条(二) 17.5 进度条形式的下载效果 17.6 滑动条(一) 17.7 滑动条(二...
实例268 广告随滚动条漂移 418 9.4 页面动画效果 419 实例269 下雪 419 实例270 飘落的枫叶 421 实例271 下雨 423 实例272 背景的烟花效果 425 实例273 变色的圆圈 427 实例274 滚动的光环 429 实例...
本人总结的各种JS特效,有代码可供参考,效果绚丽,可以直接应用到项目开发中,包括 01带滑动条的图片滚动效果02鼠标离开快速切换的效果03移动到上面来回晃动的效果04窗口的世界05移动突出出来06点击靠前 折叠显示07...
5.26 改变窗口滚动条的样式... 129 5.27 不能最小化的窗口... 130 5.28 改变在浏览器地址栏中显示的 图标... 131 5.29 弹出一个新窗口... 131 5.30 弹出一个无属性栏的窗口... 132 5.31 弹出广告窗口... 133 ...
MX186725_splash_window 也叫chromeless splash , 一种效果很不错的浏览器窗口 MX175723_DWinamp 可以方便的在DW中控制Winamp,边工作,边听音乐 languagemenu 包括所有语言的下拉菜单(object) MX162506_persist_...
也叫chromeless splash , 一种效果很不错的浏览器窗口 MX175723_DWinamp 可以方便的在DW中控制Winamp,边工作,边听音乐 languagemenu 包括所有语言的下拉菜单(object) MX162506_persist_layer 不论浏览器...
ie55_scroll 自定义浏览器滚动条的特效CSS Marquee 插入滚动文字效果 scrubber 去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口,现在网上最为流行的 scrollablearea 使用层制作IE中可...
创建一个中间的框架总是居于浏览器窗口正中位置 Auto Copyright.mxp 插入一个自动更新时间的版权符号。 Marquee.mxp 插入一条滚动的文字,并且可以设置它滚动的方向。 Background that Fit.mxp 把一张图片作为...
ie55_scroll 自定义浏览器滚动条的特效CSS Marquee 插入滚动文字效果 scrubber 去除点击超级链接时的虚线显示 chromeless_win_wind 制作弹出无边浏览小窗口,现在网上最为流行的 ...
以百度的登录窗口为例,学习鼠标拖拽效果如何实现,拖拽范围限定以及登录窗口自动居中。学会如何制作弹出窗口特效,了解把元素设置为可拖拽的原理。...3.pageX:参照点也是浏览器内容区域的左上角,但它不会随着滚动条
网页中实现启动QQ聊天代码 网页音乐播放器代码 图片自动播放 提示框 点击图片弹出无边自定义窗口 鼠标变形
创建一个中间的框架总是居于浏览器窗口正中位置 Auto Copyright.mxp Download 点击下载 插入一个自动更新时间的版权符号。 Marquee.mxp Download 点击下载 插入一条滚动的文字,并且可以设置它滚动的方向。 ...
10 智能滚动条 100 特效画线 11 在工具栏上绘制双把手 12 制作可扩展对话框 13 不规则形状按钮 14 窗口显示为显示背景图 15 奇妙的三维文字按钮 16 彩色按钮的实现 17 计算器 18 使用DIB制作动画按钮 19 Winamp样式...