首页 | 视频中心 | 试题下载 | 电子书籍 | 英语学习 | 软件下载 | 计算机 | 08奥运 | 免费论文 | 营销文库 | 百科知识 | 节日大全 | 精品课程 | 更多
     
 
 当前位置:首页>计算机>网页制作>CSS 学习> 正文  
用Cool Web Scrollbars定制网页的滚动条
51099在线学习网发布 文章来源:网络收集 发布时间:2006-05-26 字体: [ ]  
 
51099在线学习网 http://www.51099.com
之前笔者曾经介绍过使用dreamweaver的插件实现定制IE浏览器的滚动条,现在已经有人写出了快速制作此种代码的小软件,让不懂CSS(层叠样式表)的网友轻松上手,让熟悉CSS的网友解除繁琐的代码敲打。

  Cool Web Scrollbars拥有简单的明了的操作界面,让人看了一目了然:

01.gif

下载网址:http://www8.pconline.com.cn/download/swdetail.phtml?id=5081

  软件界面的左栏是预览窗口,为了方便观看与制作效果,软件把浏览器的滚动条放大了,当我们在右边设定了项目的颜色值之后,立刻可以把设定的效果显示出来,所见即所得。

  右边的color栏是设置窗口,每一组英文对应滚动条的项目。“哇,英文!我不懂英文,怎么办?”,不爱学英文的人说。“我不知道英文代表的项目!”,另一些人又说。不用担心,软件设计者完全考虑到了这个问题,只要把鼠标移动到左栏的任何一个滚动条项目上,右边的相应英文就会以红色显示,这样是不是很清楚了呢?!双击左栏的任何一个滚动条项目,相应的颜色组就会反白显示,这就更加方便了!

  点击color栏最后的画板小按钮,在弹出的窗口中选择颜色,相应的设置项就显示出该颜色的16进制数值,与此同时,预览窗口相应位置也显示出了设定的颜色

设定好各个项目之后,点击“Generate Code”,拷贝软件自动生成的代码.

  把它粘贴到所设计的网页<head></head>或者<body></body>标记之间,效果制作完成。

预览效果:

  细心的网友可能发现,网页里的文本框与让那代码控制了,会否触发您其它的设计念头呢?

  如果不满意,慢慢调试。使用Cool Web Scrollbars定制滚动条就是这么简单,你是否也心动了?心动不如手动,下载一个玩玩吧:http://www8.pconline.com.cn/download/swdetail.phtml?id=5081


51099在线学习网 http://www.51099.com

有问题到论坛咨询? 英语语法在线 考研导航 一万本电子书下载 笑话大全 小游戏 周公解梦 节日大全


    【收藏本页】【学习论坛↑返回顶部   打印本页   关闭窗口↓  
   相关文章
·Css应用小技巧十四例
·防止表格被撑破
·CSS不完全手册之字距与行距
·CSS实用教程(二)
·CSS制作11种风格不同的特效文字
·用CSS控制网页总体风格
·给浏览器的滚动条加上颜色
 
 热点文章
·防止表格被撑破
·关于CSS的一小点心得
·Css应用小技巧十四例
·用CSS控制网页总体风格
·CSS不完全手册之字距与行
·CSS制作11种风格不同的特
·CSS实用教程(二)
·Css在dw4中的属性
·有分页功能的WEB打印
·《CSS网页样式设计》要点
白领交友中心在线会员
 

版权所有 @2006 51099在线学习网 提供学习视频,试题下载,电子书下载等资源
用Cool Web Scrollbars定制网页的滚动条