仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 851|回复: 8
打印 上一主题 下一主题

[DIV+CSS] CSS教程之修正IE扫瞄器转动条款式的一个实例

[复制链接]
不帅 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 07:39:52 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
上面是一个转动条款式的例子,经由过程修正各个属性值能够改动转动条的模样。
<html>
<head>
<metahttp-equiv="Content-Language"content="zh-cn">
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>网页殊效代码|JsCode.CN|---用CSS把持转动条款式</title>
<STYLE>
BODY{
SCROLLBAR-FACE-COLOR:#fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR:#6c6c90;
SCROLLBAR-SHADOW-COLOR:#fcfcfc;
SCROLLBAR-3DLIGHT-COLOR:#fcfcfc;
SCROLLBAR-ARROW-COLOR:#240024;
SCROLLBAR-TRACK-COLOR:#fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR:#48486c;
SCROLLBAR-BASE-COLOR:#fcfcfc
}
</STYLE>
</head>
<body>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
申明:
SCROLLBAR-FACE-COLOR:转动条凸出部分的色彩
SCROLLBAR-HIGHLIGHT-COLOR:转动条空缺部分的色彩
SCROLLBAR-SHADOW-COLOR:平面转动条暗影的色彩
SCROLLBAR-3DLIGHT-COLOR:转动条亮边的色彩
SCROLLBAR-ARROW-COLOR:高低按钮上三角箭头的色彩
SCROLLBAR-TRACK-COLOR:转动条的背景色彩
SCROLLBAR-DARKSHADOW-COLOR:转动条强暗影的色彩
SCROLLBAR-BASE-COLOR:转动条的基础色彩
<html>
<head>
<style>
Body{
scrollbar-arrow-color:#f4ae21;/*,三角箭头的色彩*/
scrollbar-face-color:#333;/*,平面转动条的色彩*/
scrollbar-3dlight-color:#666;/*,平面转动条亮边的色彩*/
scrollbar-highlight-color:#666;/*,转动条空缺部分的色彩*/
scrollbar-shadow-color:#999;/*,平面转动条暗影的色彩*/
scrollbar-darkshadow-color:#666;/*,平面转动条强暗影的色彩*/
scrollbar-track-color:#666;/*,平面转动条背景色彩*/
scrollbar-base-color:#f8f8f8;/*转动条的基础色彩*/
}
</style>
</head>
<body></body>
</html>
上面是一个转动条款式的例子,经由过程修正各个属性值能够改动转动条的模样。<html><head><metahttp-equiv="Content-Language"content="zh-cn"><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>网页殊效代码|JsCode.CN|---用CSS把持转动条款式</title><STYLE>BODY{SCROLLBAR-FACE-COLOR:#fcfcfc;SCROLLBAR-HIGHLIGHT-COLOR:#6c6c90;SCROLLBAR-SHADOW-COLOR:#fcfcfc;SCROLLBAR-3DLIGHT-COLOR:#fcfcfc;SCROLLBAR-ARROW-COLOR:#240024;SCROLLBAR-TRACK-COLOR:#fcfcfc;SCROLLBAR-DARKSHADOW-COLOR:#48486c;SCROLLBAR-BASE-COLOR:#fcfcfc}</STYLE></head><body><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p> </p></body></html>申明:SCROLLBAR-FACE-COLOR:转动条凸出部分的色彩SCROLLBAR-HIGHLIGHT-COLOR:转动条空缺部分的色彩SCROLLBAR-SHADOW-COLOR:平面转动条暗影的色彩SCROLLBAR-3DLIGHT-COLOR:转动条亮边的色彩SCROLLBAR-ARROW-COLOR:高低按钮上三角箭头的色彩SCROLLBAR-TRACK-COLOR:转动条的背景色彩SCROLLBAR-DARKSHADOW-COLOR:转动条强暗影的色彩SCROLLBAR-BASE-COLOR:转动条的基础色彩+++++++++++++++++++http://www.huaz.net/Forum/Print.asp?ThreadID=23(2006-10-0809:51:50)MH<html><head><style>Body{scrollbar-arrow-color:#f4ae21;/*,三角箭头的色彩*/scrollbar-face-color:#333;/*,平面转动条的色彩*/scrollbar-3dlight-color:#666;/*,平面转动条亮边的色彩*/scrollbar-highlight-color:#666;/*,转动条空缺部分的色彩*/scrollbar-shadow-color:#999;/*,平面转动条暗影的色彩*/scrollbar-darkshadow-color:#666;/*,平面转动条强暗影的色彩*/scrollbar-track-color:#666;/*,平面转动条背景色彩*/scrollbar-base-color:#f8f8f8;/*转动条的基础色彩*/}</style></head><body></body></html>

[Ctrl+A全体选择提醒:你可先修正部分代码,再按运转]
</p>
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
不帅 该用户已被删除
沙发
 楼主| 发表于 2015-1-18 06:45:46 | 只看该作者
AdobeDreamweaverCS5软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的AdobeCSLive在线服务AdobeBrowserLab集成。
精灵巫婆 该用户已被删除
板凳
发表于 2015-1-25 17:07:48 来自手机 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
愤怒的大鸟 该用户已被删除
地板
发表于 2015-2-3 12:09:31 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
乐观 该用户已被删除
5#
发表于 2015-2-8 22:45:13 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
谁可相欹 该用户已被删除
6#
发表于 2015-2-26 13:36:34 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
柔情似水 该用户已被删除
7#
发表于 2015-3-8 15:29:42 | 只看该作者
在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。
第二个灵魂 该用户已被删除
8#
发表于 2015-3-16 04:55:40 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
莫相离 该用户已被删除
9#
发表于 2015-3-22 20:12:46 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 02:16

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表