注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

启野的博客

淡淡的雾,淡淡的雨,淡淡的云彩悠悠的游。

 
 
 

日志

 
 

HTML文本框滚动代码3:为卷轴调色  

2011-02-11 02:50:47|  分类: HTML专区 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

  

 

 

 

            为卷轴调色

示例: HTML代码:

编辑文字图片内容

编辑文字图片内容

编辑文字图片内容

编辑文字图片内容

编辑文字图片内容

编辑文字图片内容

编辑文字图片内容

编辑文字图片内容

编辑文字图片内容

编辑文字图片内容

编辑文字图片内容

 

基本代码中添加Scrollbar 八个属性代码,构成如下代码:

<DIV style="OVERFLOW: scroll; WIDTH:340px; HEIGHT: 200px; background-color: #003300;  SCROLLBAR-FACE-COLOR: #00ffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffff00; SCROLLBAR-SHADOW-COLOR: #777777; SCROLLBAR-3DLIGHT-COLOR: #ff0000; SCROLLBAR-ARROW-COLOR: #00ff00; SCROLLBAR-TRACK-COLOR: #770000; SCROLLBAR-DARKSHADOW-COLOR: #ff00ff; SCROLLBAR-BASE-COLOR: #0000ff">编辑文字图片内容</DIV>

语法详解:

 

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代码链接  

 

颜色代码表(一)

颜色代码表(二)

HTML表格初步制作

HTML表格标记详解1:标签定义 TABLE参数设定

HTML表格标记详解2:TR参数设定

HTML表格标记详解3:TD参数设定

HTML表格标记详解4:TD参数中设定跨列跨行属性

HTML表格标记详解5:TH参数中设定

HTML表格标记详解6:CAPTION标题参数设定

HTML表格标记详解7:THEAD表首标记/TBODY表主体标记/TFOOT表尾标记

HTML表格标记详解8:表格嵌套

HTML表格标记详解9:表格边框的css修饰语法

HTML网页列表标记:ul、ol、dir、dl、menu、dt、dd、li

HTML水平线段标记:HR

 

图片雾化移动特效代码

多图重叠移动代码及效果图

图片移动效果的欣赏与制作(一)

图片移动、及其图片链接网址移动代码(二)

让图片产生梦幻效果的代码

图片梦幻显现隐藏移动的特效制作(一)

图片梦幻显现隐藏的特效制作(二)

图片CSS滤镜效果—灰度

图片CSS滤镜—左右旋转效果

图片CSS滤镜—阴影效果

图片CSS滤镜—波形加上半透明合成效果

图片CSS滤镜效果—透明

图片CSS滤镜—X光效果

图片CSS滤镜—发光效果

图片CSS滤镜—色彩对换效果

图片CSS滤镜—波形效果

图片CSS滤镜—图片模糊效果

多张图片串联式放映代码

图片浮雕效果

图片虚线边框并黑白效果

图片加边框代码

图片CSS滤镜—图片动感模糊效果

图片CSS滤镜—扭曲效果

图片CSS滤镜—倒影效果

图片CSS静态滤镜样式(filter)说明

多图重叠移动代码及效果图

Flash圆形雾化移动特效代码

Flash透明动画或文字特效添加一幅背景图

Flash透明动画多个叠加在一张背景图片上

自动播放swf格式小视频

在线制作水波纹动感图片

 

所有代码的粘贴法

在首页添加QQ和POPO在线交谈

一种找到图片地址(或者存大图)极简单的方法

日志列表式能使日志成单页面打开并找准日志地址:

日志文字的编排——借用word设置(启野原创)

博客首页的顶区和底区上传图片

文字特效代码(一)

文字特效代码(二)

日志文字与图片添加

文字图片的链接

如何让网易博客日志显示最大的宽度

怎样添加自定义模块和在自定义模块中做动画的超级链接

博客中的准确网址(原创)

水晶博客边框代码——应用(一)

水晶博客边框代码——应用(二)

水晶博客边框代码——应用(三)

水晶博客边框代码——应用(四)

日志中导入图片的三种方法

背景音乐制作

 

大图音画拼合的代码使用

大图音画拼合效果配图——一卷轻愁书红颜(未调整的效果)

大图音画拼合效果配图——一卷轻愁书红颜(调整后的效果)

宽屏大图片音画教程——缱绻殇效果

大图音画拼合效果配图——蝴蝶之梦

欢迎光临启野博客!
  评论这张
 
阅读(744)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017