当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > Cool Web Scrollbars - 定制网页的滚动条

HTML/XHTML教程
一些不太常用的XHTML标签用法以及实例
网页中图片的设置涉及的三个问题
商业HTML邮件的制作建议
HTML Marquee 字符片段滚动
DOCTYPE 文档类型声明(网页爱好者必看)
纯HTML标签你熟悉多少?
HTML元素的ID和Name属性的区别
HTML meta的大作用
HTML标签tbody的用法与说明
HTML 特殊字符转换表
HTML基础 HTML的组成结构
HTML基础之HTML内容细则
Shtml 精简教程
浅谈html table 标签
html Frame、Iframe、Frameset 的区别
HTML 网页页面切换的各种变换效果
HTML的10个表格相关标记
让IE8启动IE7兼容模式的代码
HTML 结构化实现方法
xhtml的块级标记小结

HTML/XHTML教程 中的 Cool Web Scrollbars - 定制网页的滚动条


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 46 ::
收藏到网摘: n/a

  之前笔者曾经介绍过用Dreamweaver插件改变IE浏览器滚动条,现在已经有人写出了快速制作此种代码的小软件,让不懂CSS(层叠样式表)的网友轻松上手,让熟悉CSS的网友解除繁琐的代码敲打。
Cool Web Scrollbars拥有简单的明了的操作界面,让人看了一目了然:

下载网址:http://www8.pconline.com.cn/download/swdetail.phtml?id=5081
软件界面的左栏是预览窗口,为了方便观看与制作效果,软件把浏览器的滚动条放大了,当我们在右边设定了项目的颜色值之后,立刻可以把设定的效果显示出来,所见即所得。
右边的color栏是设置窗口,每一组英文对应滚动条的项目。“哇,英文!我不懂英文,怎么办?”,不爱学英文的人说。“我不知道英文代表的项目!”,另一些人又说。不用担心,软件设计者完全考虑到了这个问题,只要把鼠标移动到左栏的任何一个滚动条项目上,右边的相应英文就会以红色显示,这样是不是很清楚了呢?!双击左栏的任何一个滚动条项目,相应的颜色组就会反白显示,这就更加方便了!
点击color栏最后的画板小按钮,在弹出的窗口中选择颜色,相应的设置项就显示出该颜色的16进制数值,与此同时,预览窗口相应位置也显示出了设定的颜色。
设定好各个项目之后,点击“Generate Code”,拷贝软件自动生成的代码。

把它粘贴到所设计的网页<head></head>或者<body></body>标记之间,效果制作完成。
细心的网友可能发现,网页里的文本框与让那代码控制了,会否触发您其它的设计念头呢?
如果不满意,慢慢调试。使用Cool Web Scrollbars定制滚动条就是这么简单,你是否也心动了?心动不如手动,下载一个玩玩吧。
 

评论 (0) All

登陆 还没注册?