梅露露 继承 托托莉:《滚动框大全及代码详细说明》干群共产主义国家名牌大学义务教育编号2011102001

来源:百度文库 编辑:中财网 时间:2024/05/05 19:13:22

干群共产主义国家名牌大学义务教育编号2011102001:
《滚动框大全及代码详细说明》

干群共产主义国家名牌大学义务教育编号2011102001:
《滚动框大全及代码详细说明》


干群教授:大家好!欢迎你们来访我国参观考察学习!
第102001教程:滚动框大全及代码详细说明


干群皇太后温馨提示:
属性设置:   WIDTH: 148;HEIGHT: 146; 根据使用的位置,可调整宽度和高度.
OVERFLOW: scroll; 显示纵横滚动条.上部的演示均属设置为scroll的界面. 但一般都设置为:auto(需要时才显示)
BACKGROUND-COLOR: transparent;
滚动框内部背景颜色.transparent为透明色.其他可使用颜色代码.
【说明】
v 必须在html编辑状态下编辑代码。
v 简单的文本框是通过DIV实现的,包含背景图片的文本框是通过将DIV嵌入到Table中实现的。
v 主要通过对DIV的Style属性来控制样式,主要设置如下:
overflow(溢出控制):visible(默认,可见)、auto(自动)、scroll(显示滚动条);
width(宽度):数值;
height(高度):数值;
color(字体颜色):色彩代码;
font-size(字体大小):数值;
line-height(行高):数值;
border(边框):宽度、类型和颜色,类型主要支持以下几种:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;
font-weight(字体粗细):normal、bold、bolder、lighter;
font-family(字体类型):Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆;
background(背景颜色):色彩代码;
scrollbar-base-color,scrollbar-face-color,scrollbar-track-color,scrollbar-darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar-3dlight-color,scrollbar-arrow-color(滚动条各部分的颜色):色彩代码;
filter:chroma(COLOR=转换成透明的颜色)(chroma过滤器):色彩代码,该颜色将转换成透明效果;
word-break(断字):normal(默认,正常断字)、keep-all(严格不断字)、break-all(严格断字);
direction(文字方向):ltr(默认,从左向右)、rtl(从右向左)。
v 辅助工具
在线滚动条配色器:通过本工具可以方便地在线设置滚动条样式。
颜色采集器:通过本工具可以方便地获取屏幕显示的任何颜色.
各种示例:
文字
代码:




文字


日志文字
代码:
日志文字

这里输入内容
代码:

这里输入内容

文字
代码:


文字


文字
代码:

 文字

文字
代码:

文字


文字
代码:

文字


代码:

文字
代码:
文字

代码:

透明滚动框代码:

文字

全透明滚动框代码:

文字


白底滚动框代码:

 白底滚动框


 

中国上市公司高管的年薪排行榜
中国地产界十大忽悠黑嘴排行榜
中国最新十大吹牛皮城市排行榜
中国最牛的十个汉语文字排行榜
左侧滚动文本框代码如下:



文字


中国最新十大吹牛皮城市排行榜
中国最牛的十个汉语文字排行榜
滚动框加背景代码:









文字


 


中国十大原创作成名明星排行榜
中国爱学习十大美女明星排行榜
中国奢侈的十大女主持人排行榜
中国影视性感度十大女星排行榜
中国夏日镂空裙十大女星排行榜
中国穿旗袍韵味十大女星排行榜
中国娱乐圈十大钢管舞星排行榜
中国不靠色走红十大女星排行榜
中国十大明星和美女城市排行榜
中国网络最红的性感女星排行榜
中国淘宝网十大女装品牌排行榜
国际知名六位最强美容家排行榜
世界最佳衣着五十大美女排行榜
世界十大顶级品牌书写笔排行榜
全球十大高档次香水品牌排行榜
中国十大化妆品信赖品牌排行榜
世界十大化妆品高档品牌排行榜
中国五金卫浴具十大品牌排行榜
中国优质葡萄酒十大品牌排行榜
中国房地产公司十大品牌排行榜
中国房价最先下降的城市排行榜
中国上市公司高管的年薪排行榜
中国地产界十大忽悠黑嘴排行榜
中国最新十大吹牛皮城市排行榜
中国最牛的十个汉语文字排行榜
代码:

文字


最简单的滚动条:

文字


放在侧栏的操作方法如下:将(530px)改为(180px)
右侧下拉滚动条:
【大千世界】
【名人世界】
【奇趣世界】
【法制世界】
【大千世界】
【名人世界】
【奇趣世界】
【法制世界】
【大千世界】
【名人世界】
【奇趣世界】
【法制世界】
代码是:
 


代码说明:
这个代码的效果是:让透明FLASH随着你拉动滚动条,而跟随着上下移动!
width=300 height=200 特效宽与长            TOP: -200px 位置
<>
src=这里覆盖特效地址   在这里,把你找到的透明FLASH地址覆盖在文字上!
例如:src=这里覆盖特效地址
你找到的地址是: http://blog.163.com/heimudan_ok/
换成你的地址     【中国共产主义国家】换成你的标题  即可
<>
添加方法:
1,控制面板----首页内容维护----定义空白模板----新建,创建模块标题,显示源代码粘贴代码(如果你添加的是CSS代码,粘贴代码前,在普通模式下打一个空格,然后再进入源代码编辑模式,这时你会看到源代码中已经有一行代码了( 
 
 ),这时你再将自己的代码粘贴到它的下面即可,因为CSS代码粘贴到新建立的模块中,没有别的内容,不会显示的)----保存并返回;
2,控制面板----定制我的首页----点添加模块----点选创建好的模块标题---勾上并保存,移动新建面板位置--保存设置。做第二步的目的是将建立好的模块在博客个人首页里呈现出来。
显示源代码粘贴代码。点击保存即可!
1,基本捲轴HTML语法:
编辑文字图片内容
用法:
(替换语法时,注意style=""中的内容,每一部分用"分号 ;"隔开,接著空一格。)
1.当"内容区域"大於"显示区域"时,可利用捲轴让看见超出范围的内容。利用滑
鼠游标调整"显示区域",滑鼠游标点选捲轴,会变成可调整大小的状态,可随
心所欲的调整大小,语法中的width和height也会随著变。
PS:去除width:10px的元素,宽会自动扩展到最大。
2.语法( OVERFLOW: scroll )为显示右方和下方捲轴。整个还可以分别替换成
★( OVERFLOW: auto ) : "内容区域"大於"显示区域"会自动显示捲轴,建议使用。
★( OVERFLOW: scroll; OVERFLOW-X: hidden ): 删除水平→捲轴。
★( OVERFLOW: scroll; OVERFLOW-Y: hidden ): 删除垂直↑捲轴。
★( OVERFLOW: hidden) : 不使用捲轴。
3.语法( background-color: #996600 )为框框内的背景顏色,#996600 部分为16进位顏
色码,记得要加上"#"。
PS.整段删除,背景变成透明状态。
2.为捲轴加外框
基础语法中,在style="__"中,在__的地方加入( BORDER: #ff0000 5px dotted ),
情况如下:
编辑文字图片内容

加入后,切换编辑列上""(?点我)两次后,在回到"模式"(?点我)中就会见到,( BORDER: #ff0000 5px dotted )被拆成四部份分别BORDER-RIGHT(右边框),BORDER-TOP(上边框),BORDER-LEFT(左边框), BORDER-BOTTOM(底边框)变成
(BORDER-RIGHT: #ff0000 5px dotted;
BORDER-TOP: #ff0000 5px dotted;
BORDER-LEFT: #ff0000 5px dotted;
BORDER-BOTTOM: #ff0000 5px dotted )。
用法:
(BORDER: #ff0000 5px dotted)或(BORDER-RIGHT: #ff0000 5px dotted; BORDER-TOP: #ff0000 5px dotted; BORDER-LEFT: #ff0000 5px dotted; BORDER-BOTTOM: #ff0000 5px dotted )都有共同结构,分析如下:
( BORDER: #ff0000 5px dotted )
★(#ff0000)框的顏色,#996600 部分为16进位顏色码,记得要加上"#",依框的属性上下左右可调整不同顏色。
★(5px):框的大小,数字越大,框就越粗。0为无框。
★(dotted):框的类型,(dotted)为"点"的型态,可替换其他的有 实线:( solid ),
虚线:( dashed ),立体内凸框:(groove),立体浮凸框: (ridge),
双实线: (double),凹框: ( inset),凸框: (outset),依框的属性可调整上下左
右使用不同属性的框。
3.为捲轴调色:
首先取得{捲轴顏色语法}内容可以用捲轴顏色產生器取得,捲轴顏色產生器网址如下:
捲轴顏色產生器http://cdh.idv.tw/cdh/no04.htm
捲轴顏色编辑器http://wao317.sytes.net/317/layout.php
自动捲轴配色编码器【 颜色代码 】在线汇总
捲轴顏色生成器http://hw-driver-bal.nctu.cc:52833/pub/slime/teach/Bar.htm
捲轴顏色產生器编辑完成后会得到如下语法:

复製以上所需要反黄部份,此反黄部份为捲轴变色的语法。在基础语法(见上面1.基本捲轴)中,在style="__"中,在__的地方加入反白部份。注意,每一部分用"分号 ;"隔开,接著空一格。得到的结果如下(加入的语法为画底线):
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: )捲轴整体的顏色,单独使用效果
比较明显。
4.变化应用:
1.左侧拖曳棒
HTML语法:

编辑文字图片内容

2.隐形的捲轴(只看的见按钮箭头▲▼)
HTML语法:
编辑文字图片内容

3.透明的捲轴
HTML语法:

编辑文字图片内容

4.发光的捲轴
HTML语法:

编辑文字图片内容

5.加上背景的捲轴
★背景不跟捲轴移动
HTML语法:
编辑文字图片内容

★背景跟卷轴移动
HTML语法:
编辑文字图片内容


',1)">
',2)">


干群共产主义国家网易博客网址- http://blog.163.com/heimudan_ok/
环球总裁CEO名人世界网址-http://ganqunqueen.blog.163.com/干群新浪博客网址- http://blog.sina.com.cn/heimudanbest/干群搜狐博客网址- http://heimudan88888.blog.sohu.com/干群皇太后360doc个人图书馆- http://ganqun19691104.360doc.com/
健康长寿是做人最大财富!世界人民是一家人,让我们携手成为好朋友!
干群在此感谢国际互联网网友博友们的大力支持和关心厚爱!!
博客女王创造发明法制新闻PS教程U5教程健康长寿
成功励志奇闻怪事世界名人婚姻家庭国际航空国际时尚
世界儿童世界名画干群皇太后欢迎你们来访我国并留言交流 顶级佛学
☆名博基本技巧☆
☆电脑操作技巧☆
☆电脑专家门诊☆
☆电脑系统加速☆
☆制作个性印章☆
☆制作精彩电影☆
☆神秘魔方相册☆
☆闪动边框制作☆
☆制作精美相册☆
☆透明睡衣制作☆
☆制作闪亮紫钻☆
☆飞翔气球制作☆
☆质感美女油画☆
☆怀旧照片制作☆
☆实用网页制作☆
☆光影魔术日历☆
☆图片制作水波☆
☆名博技巧经典☆
☆各种表格制作☆
☆特效个性签名☆
☆图片自由舞动☆
☆应用编程制作☆
☆快速还原系统☆
☆图片艺术特效☆
☆制作个性音乐☆
☆快捷办公技巧☆
☆博客日志背景☆
☆屏幕截图方法☆
☆制作发光文字☆
☆释放磁盘空间☆
☆制作美食效果☆
☆鼠标助理弹琴☆
☆精美动画素材☆
☆制作精美邮票☆
☆美图动画欣赏☆
☆绘图软件技巧☆
☆特效动态文字☆
☆文字扫光处理☆
☆移动硬盘分区☆
☆美妙音画背景☆
☆提高博客票房☆
☆网易颜色代码☆