关闭窗口代码
作者:wind23 日期:2010-03-23
滚动条设置 纯DIV+CSS!!!
作者:wind23 日期:2010-03-04
<!-- saved from url=(0064)http://hsb345.16789.net/index.asp?ActionX=ReadArt&NewsID=1076437 -->
<!--头Begin--><HTML><HEAD><TITLE>迎客松</TITLE>
<STYLE type=text/css>.but {
BORDER-TOP-WIDTH: 1px; FONT-WEIGHT: normal; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #000000; COLOR: #000000; BORDER-TOP-COLOR: #000000; TEXT-INDENT: 2px; FONT-FAMILY: 宋体; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #000000
}
</STYLE>
href="78657678960_files/Verpie1.css" type=text/css rel=stylesheet><BGSOUND
src="">
<SCRIPT language=JavaScript>
<!--
function checkinput1()
{
if (document.myform1.keyword.value=="")
{
alert("请输入想查询的内容!");
document.myform1.keyword.focus();
return false;
}
return true;
}
-->
</SCRIPT>
<BODY style="TEXT-ALIGN: center" bottomMargin=0
background=78657678960_files/200743201737489.gif topMargin=0>
<TABLE cellSpacing=0 cellPadding=0 width=778 align=center border=0>
<TBODY>
<TD align=middle colSpan=2 height=23>
<TABLE class=menu height=23 cellSpacing=1 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR>
<TD align=middle width="9.09%" height=22><A title=返回网站首页
href="http://hsb345.16789.net/index.asp?ydy_admin=you">首页</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=232378"
target=_blank>迎客松站</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=233737"
target=_blank>互动平台</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218036"
target=_blank>今日看点</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218165"
target=_blank>昨日风云</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218210"
target=_blank>温馨祝福</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218230"
target=_blank>美图共赏</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218235"
target=_blank>老歌新韵</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=419422"
target=_blank>FLASH选</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218237"
target=_blank>精品回放</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=373797"
target=_blank>自编教程</A></TD></TR>
<TR>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218236"
target=_blank>网络教学</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218239"
target=_blank>素材推荐</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Smallclass&bigclassid=412596&smallclassid=0"
target=_blank>Q Q空间</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=232385"
target=_blank>电脑知识</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218302"
target=_blank>美好家园</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Smallclass&bigclassid=219833&smallclassid=0"
target=_blank>国华专栏</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218305"
target=_blank>翠柏习作</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218306"
target=_blank>友人佳作</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218307"
target=_blank>庶民凡事</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218308"
target=_blank>学术交流</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218675"
target=_blank>教师之家</A></TD></TR>
<TR>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=219624"
target=_blank>古玩字画</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Smallclass&bigclassid=219627&smallclassid=0"
target=_blank>民生常识</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=219628"
target=_blank>休闲娱乐</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=399149"
target=_blank>戏剧名段</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=412873"
target=_blank>站内舞吧</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=219834"
target=_blank>人本维权</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=219835"
target=_blank>社会聚焦</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=373798"
target=_blank>环球视野</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Smallclass&bigclassid=412851&smallclassid=0"
target=_blank>习作试帖</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=219837"
target=_blank>翠柏文稿</A></TD>
<TD align=middle width="9.09%" height=22><A title=""
href="http://do.vip18.com/index.asp?user=hsb345"
target=_blank>人过留名</A></TD></TR>
<TR></TR></TBODY></TABLE>
<DIV align=center>
<TABLE cellSpacing=1 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=menu height=25>
<P align=center>
<MARQUEE scrollAmount=2 scrollDelay=5><FONT face=隶书
color=#000055><FONT
size=4>尊敬的朋友,您好!翠柏欢迎您光临迎客松网站,小站正在建设之中,恳望留下宝贵意见并诚邀注册,注册会员即得30M免费空间的个人网站。谢谢合作!</FONT></FONT></FONT></FONT></MARQUEE></P></TD></TR></TBODY></TABLE></DIV></TD></TR>
<TR>
<TD class=sou vAlign=center colSpan=2>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD height=23>当前位置:<A title=返回网站首页
href="http://hsb345.16789.net/index.asp">首页 </A>>>><A
href="http://hsb345.16789.net/index.asp?ActionX=Bigclass&bigclassid=218239"
target=_blank>素材推荐</A>>>><A
href="http://hsb345.16789.net/index.asp?ActionX=Smallclass&bigclassid=218239&smallclassid=265455"
target=_blank>HTML素材</A>>>>滚动条大全 </TD>
<TD align=right>
<TABLE>
<FORM name=myform1 onSubmit="return checkinput1()"
action=Result_index.asp?ActionX=Result&domname=hsb345
method=post target=newwindow>
<TBODY>
<TR>
<TD><Select class=textarea size=1 name=action> <OPTION
value=all selected>全部内容</OPTION> <OPTION
value=title>按文章标题</OPTION> <OPTION
value=UserName>按发布人</OPTION> <OPTION
value=content>按文章内容</OPTION> <OPTION
value=author>按文章作者</OPTION></Select> <INPUT class=textarea
onblur="if (value ==''){value='关键字'}"
onfocus="if (value =='关键字'){value =''}" maxLength=50 size=10
value=关键字 name=keyword> <INPUT class=input_1 type=submit value=搜索 name=Submit>
</TD></TR></FORM></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=778 align=center border=0>
<TBODY>
<TR>
<TD class=left vAlign=top rowSpan=3></TD>
<TD vAlign=top align=middle bgColor=#ffffff>
<DIV align=center>
<TABLE cellSpacing=1 cellPadding=0 width="100%" bgColor=#ecfff5
border=0><TBODY>
<TR>
<TD
style="BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px"
width="100%">
<SCRIPT language=JavaScript>
var currentpos,timer;
function initialize(){timer=setInterval("scrollwindow()",50);}
function sc(){clearInterval(timer);}
function scrollwindow(){currentpos=document.body.scrollTop;window.scroll(0,++currentpos);if (currentpos != document.body.scrollTop)sc();}
document.onmousedown=sc
document.ondblclick=initialize
</SCRIPT>
border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle width="99%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top align=middle width="100%">
<TABLE borderColor=#aecaae cellSpacing=0 cellPadding=0
width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FONT-SIZE: 18px" vAlign=bottom
borderColor=#ffffff align=middle width="100%"
height=60>滚动条大全 </TD></TR>
<TR>
<TD borderColor=#ffffff align=middle width="100%"
bgColor=#696969 height=1></TD></TR>
<TR>
<TD align=middle width="100%" height=2></TD></TR>
<TR>
<TD
style="BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 1px"
align=middle width="100%" height=22><FONT
color=#717171>发表日期:</FONT><FONT
color=#0000ff>2006-10-25 0:22:00</FONT> <FONT
color=#717171>出处:</FONT><FONT
color=#0000ff>未知</FONT> <FONT
color=#717171>作者:</FONT><FONT color=#0000ff>未知
</FONT><FONT color=#717171>发布人:</FONT><A
href="http://www.16789.net/Home_grsy.asp?username=hsb345"
target=_black><U><FONT
color=#0000ff>hsb345</FONT></U></A><FONT
color=#717171> 已被访问 </FONT><FONT
color=#0000ff>18363 </FONT><FONT
color=#717171>次</FONT></TD></TR>
<TR>
<TD borderColor=#ffffff align=middle width="100%">
<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0
cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<TD style="WORD-WRAP: break-word">
<TABLE borderColor=#aecaae cellSpacing=0
cellPadding=0 width="100%" align=center
border=0>
<TBODY>
<TR>
<TD borderColor=#ffffff align=middle
width="100%">
<TABLE style="TABLE-LAYOUT: fixed" cellSpacing=0
cellPadding=0 width="98%" align=center border=0>
<TBODY>
<TR>
<TD style="WORD-WRAP: break-word">
<TABLE class=description cellSpacing=0
cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD align=middle width="100%"><STRONG><FONT
face=Arial><FONT
color=#ff0000>属性设置:<BR> <BR>WIDTH:
148;HEIGHT: 146;
根据使用的位置,可调整宽度和高度.<BR> <BR>OVERFLOW: scroll;
显示纵横滚动条.上部的演示均属设置为scroll的界面.
但一般都设置为:auto(需要时才显示) <BR>BACKGROUND-COLOR:
transparent;
滚动框内部背景颜色.transparent为透明色.其他可使用颜色代码.</FONT>
</FONT></STRONG>
<P> </P>
<P align=left><STRONG><FONT face=Arial><FONT
color=#990099>感谢:</FONT><FONT color=#818181><A
href="http://board3.cgiworld.net/view.cgi?id=shengzhu04&now=1&jd=-1&ino=17&tmp_no=17"
target=_blank>印痴</A> </FONT><FONT
color=#660099>提供!</FONT></P></FONT></STRONG>
<TABLE id=AutoNumber2
style="BORDER-COLLAPSE: collapse"
borderColor=#c0c0c0 cellSpacing=0 cellPadding=0
width=600 bgColor=#e8e8e8 border=1>
<TBODY>
<TR>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #70807d; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #70807d; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #70807d; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-face-color:#70807d;
scrollbar-arrow-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color:#70807d;
scrollbar-shadow-color:#ffffff;
scrollbar-darkshadow-color:#70807d;
scrollbar-track-color:#ffffff"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-3DLIGHT-COLOR: #f2f2f2; SCROLLBAR-ARROW-COLOR: #9999cc; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #f2f2f2; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll;
scrollbar-3dlight-color:#FF0033;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#FFFF33;
scrollbar-darkshadow-color:#FFFF33;
scrollbar-face-color:#FF0033;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FF0033"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #ff0033; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ff0033; SCROLLBAR-3DLIGHT-COLOR: #ff0033; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffff33; SCROLLBAR-DARKSHADOW-COLOR: #ffff33; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#80ff80><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll;
scrollbar-3dlight-color:#FF0033;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#FFFF33;
scrollbar-darkshadow-color:#FFFF33;
scrollbar-face-color:#FF0033;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FF0033"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #eaecec; SCROLLBAR-HIGHLIGHT-COLOR: #eaecec; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: black; SCROLLBAR-3DLIGHT-COLOR: #eaecec; SCROLLBAR-ARROW-COLOR: #eaecec; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #eaecec; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; SCROLLBAR-FACE-COLOR: EAECEC;
SCROLLBAR-HIGHLIGHT-COLOR: EAECEC;
SCROLLBAR-SHADOW-COLOR: BLACK;
SCROLLBAR-3DLIGHT-COLOR: EAECEC;
SCROLLBAR-ARROW-COLOR: EAECEC;
SCROLLBAR-TRACK-COLOR: FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR:
EAECEC"><BR>这里输入内容<BR></div></FONT></P></DIV></TD></TR>
<TR>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #cfcfcf; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #595959; SCROLLBAR-3DLIGHT-COLOR: #595959; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #cfcfcf; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll;
scrollbar-3dlight-color:#595959;
scrollbar-arrow-color:#FFFFFF;
scrollbar-base-color:#CFCFCF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#CFCFCF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#595959"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #d2e5f4; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #d2e5f4; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #d2e5f4; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #D2E5F4;
scrollbar-highlight-color: #D2E5F4;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color:
#D2E5F4"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #d9d9d9; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #d9d9d9; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #d9d9d9; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-shadow-color:
#ffffff; scrollbar-highlight-color: #ffffff;
scrollbar-face-color: #d9d9d9;
scrollbar-3dlight-color: #d9d9d9;
scrollbar-darkshadow-color: #d9d9d9;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color:
#ffffff"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #59adbb; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #59adbb; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #59adbb; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-shadow-color:
#FFFFFF; scrollbar-highlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-face-color: #59ADBB;
scrollbar-track-color: #FFFFFF;
scrollbar-3dlight-color: #59ADBB;
scrollbar-darkshadow-color:
#59ADBB"><BR>这里输入内容<BR></div></FONT></P></DIV></TD></TR>
<TR>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ffc300; SCROLLBAR-3DLIGHT-COLOR: #ffc300; SCROLLBAR-ARROW-COLOR: #ffc300; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #FFC300;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFC300;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color:
#FFC300"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #ddd38d; SCROLLBAR-HIGHLIGHT-COLOR: #fff8c5; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #5a5227; SCROLLBAR-3DLIGHT-COLOR: #5a5227; SCROLLBAR-ARROW-COLOR: #fff8c5; SCROLLBAR-DARKSHADOW-COLOR: #fff8c5; SCROLLBAR-BASE-COLOR: #ddd38d; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll;
scrollbar-3dlight-color:5A5227;
scrollbar-arrow-color:FFF8C5;
scrollbar-base-color:DDD38D;
scrollbar-darkshadow-color:FFF8C5;
scrollbar-face-color:DDD38D;
scrollbar-highlight-color:FFF8C5;
scrollbar-shadow-color:5A5227"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #9ebfe8; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #9ebfe8; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #9ebfe8; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-face-color: #9EBFE8;
scrollbar-shadow-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #9EBFE8;
scrollbar-darkshadow-color: #9EBFE8;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color:
#FFFFFF"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #db52bc; SCROLLBAR-HIGHLIGHT-COLOR: #e994d6; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #e994d6; SCROLLBAR-3DLIGHT-COLOR: #db52bc; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #e994d6; SCROLLBAR-DARKSHADOW-COLOR: #db52bc; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-face-color: #DB52BC;
scrollbar-shadow-color: #E994D6;
scrollbar-highlight-color: #E994D6;
scrollbar-3dlight-color: #DB52BC;
scrollbar-darkshadow-color: #DB52BC;
scrollbar-track-color: #E994D6;
scrollbar-arrow-color:
#FFFFFF"><BR>这里输入内容<BR></div></FONT></P></DIV></TD></TR>
<TR>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #333333; SCROLLBAR-HIGHLIGHT-COLOR: #666666; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #333333; SCROLLBAR-3DLIGHT-COLOR: #101010; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #101010; SCROLLBAR-DARKSHADOW-COLOR: #070707; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-face-color: #333333;
scrollbar-shadow-color: #333333;
scrollbar-highlight-color: #666666;
scrollbar-3dlight-color: #101010;
scrollbar-darkshadow-color: #070707;
scrollbar-track-color: #101010;
scrollbar-arrow-color:
#000000"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #333333; SCROLLBAR-HIGHLIGHT-COLOR: #333333; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #808080; SCROLLBAR-3DLIGHT-COLOR: #808080; SCROLLBAR-ARROW-COLOR: #cccccc; SCROLLBAR-TRACK-COLOR: #191919; SCROLLBAR-DARKSHADOW-COLOR: #333333; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-face-color: #333333;
scrollbar-shadow-color: #808080;
scrollbar-highlight-color: #333333;
scrollbar-3dlight-color: #808080;
scrollbar-darkshadow-color: #333333;
scrollbar-track-color: #191919;
scrollbar-arrow-color:
#CCCCCC"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #ffc4e1; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ff6ab5; SCROLLBAR-3DLIGHT-COLOR: #ff95ca; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffddee; SCROLLBAR-DARKSHADOW-COLOR: #ffb5da; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-face-color:#FFC4E1;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FF95CA;
scrollbar-darkshadow-color:#FFB5DA;
scrollbar-shadow-color:#FF6AB5;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#FFDDEE"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #dbebfe; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #b8d6fa; SCROLLBAR-3DLIGHT-COLOR: #dbebfe; SCROLLBAR-ARROW-COLOR: #458ce4; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #458ce4; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-face-color: #DBEBFE;
scrollbar-shadow-color: #B8D6FA;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #DBEBFE;
scrollbar-darkshadow-color:#458CE4;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color:
#458CE4"><BR>这里输入内容<BR></div></FONT></P></DIV></TD></TR></TBODY></TABLE></TD></TR>
<DIV></DIV></TBODY></TABLE>
<TABLE id=AutoNumber2
style="BORDER-COLLAPSE: collapse"
borderColor=#c0c0c0 cellSpacing=0 cellPadding=0
width=600 align=center bgColor=#e8e8e8 border=1>
<TBODY>
<TR>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #f8ecd8; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #885c10; SCROLLBAR-3DLIGHT-COLOR: #885c10; SCROLLBAR-ARROW-COLOR: #885c10; SCROLLBAR-TRACK-COLOR: #f8ecd8; SCROLLBAR-DARKSHADOW-COLOR: #f8ecd8; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #885C10;
scrollbar-highlight-color: #F8ECD8;
scrollbar-3dlight-color: #885C10;
scrollbar-darkshadow-color: #F8ECD8;
scrollbar-track-color: #F8ECD8;
scrollbar-arrow-color:
#885C10"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #222222; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #222222; SCROLLBAR-ARROW-COLOR: #222222; SCROLLBAR-TRACK-COLOR: #222222; SCROLLBAR-DARKSHADOW-COLOR: #222222; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-face-color: #222222;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #222222;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #222222;
scrollbar-track-color: #222222;
scrollbar-arrow-color:
#222222"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #fddee8; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #fddee8; SCROLLBAR-3DLIGHT-COLOR: #fdcfdd; SCROLLBAR-ARROW-COLOR: #fea6c0; SCROLLBAR-TRACK-COLOR: #fff6f9; SCROLLBAR-DARKSHADOW-COLOR: #fdcfdd; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll; scrollbar-face-color: #FDDEE8;
scrollbar-shadow-color: #FDDEE8;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #FDCFDD;
scrollbar-darkshadow-color: #FDCFDD;
scrollbar-track-color: FFF6F9;
scrollbar-arrow-color:
#FEA6C0"><BR>这里输入内容<BR></div></FONT></P></DIV></TD>
<TD width=150 height=150>
<DIV
style="SCROLLBAR-FACE-COLOR: #ccff00; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; WIDTH: 148px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ccff00; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ccff00; HEIGHT: 146px; BACKGROUND-COLOR: transparent">
<P align=left><FONT style="FONT-SIZE: 9pt"
face=Arial color=#00ff40><div style="WIDTH:
148; HEIGHT: 146; BACKGROUND-COLOR: transparent;
OVERFLOW: scroll;
scrollbar-3dlight-color:#CCFF00;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#FFFFFF;
scrollbar-darkshadow-color:#CCFF00;
scrollbar-face-color:#CCFF00;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF"><BR>这里输入内容<BR></div></FONT></P></DIV></TD></TR></TBODY></TABLE>
<P>
<HR align=center width="90%" color=#008000
SIZE=3>
<P><FONT face=宋体><FONT color=#ff0000
size=5><B>另类滚动条:<B></P>
<P>【演示】</P>
<P> </P>
<P>
<TABLE cellSpacing=4 width=600 align=center
border=0>
<TBODY>
<TR>
<TD colSpan=3>
<DIV
style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD></TR>
<TR>
<TD vAlign=top colSpan=3>
<DIV style="OVERFLOW: auto">
<P>①DIV:未设置宽度、高度、溢出;溢出默认为可见,宽度和高度自动调整</P></DIV></TD></TR>
<TR height=20>
<TD colSpan=3></TD></TR>
<TR vAlign=bottom>
<TD>
<DIV
style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; BORDER-LEFT: 1px solid; WIDTH: 120px; LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid; HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD>
<TD>
<DIV
style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; OVERFLOW: scroll; BORDER-LEFT: 1px solid; WIDTH: 120px; LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid; HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD>
<TD>
<DIV
style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 120px; LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid; HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD></TR>
<TR>
<TD vAlign=top>
<DIV style="OVERFLOW: auto; WIDTH: 120px">
<P>②DIV:设置宽度、高度,未设置溢出;溢出默认为可见,高度设置无效并自动调整</P></DIV></TD>
<TD vAlign=top>
<DIV style="OVERFLOW: auto; WIDTH: 120px">
<P>③DIV:设置宽度、高度,溢出为滚动;始终显示滚动条</P></DIV></TD>
<TD vAlign=top>
<DIV style="OVERFLOW: auto; WIDTH: 120px">
<P>④DIV:设置宽度、高度,溢出为自动;根据内容多少决定是否显示滚动条</P></DIV></TD></TR>
<TR height=20>
<TD colSpan=3></TD></TR>
<TR>
<TD>
<DIV
style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #216dad; OVERFLOW: auto; BORDER-LEFT: #216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #216dad; BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #216dad; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD>
<TD>
<TABLE cellSpacing=0 cellPadding=0
background=78657678960_files/login.htm border=0>
<TBODY>
<TR>
<TD>
<DIV
style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #216dad; OVERFLOW: auto; BORDER-LEFT: #216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #216dad; BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #216dad; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE cellSpacing=0 cellPadding=0
background=78657678960_files/login.htm border=0>
<TBODY>
<TR>
<TD>
<DIV
style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; FILTER: chroma(COLOR=#ffffff); SCROLLBAR-HIGHLIGHT-COLOR: #216dad; OVERFLOW: auto; BORDER-LEFT: #216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #216dad; BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #216dad; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD vAlign=top>
<DIV style="OVERFLOW: auto; WIDTH: 120px">
<P>⑤DIV:设置宽度、高度,溢出为自动,假透明滚动条样式1;根据内容多少决定是否显示滚动条,利用颜色实现假透明效果1,适用于文字</P></DIV></TD>
<TD vAlign=top>
<DIV style="OVERFLOW: auto; WIDTH: 120px">
<P>⑥Table/DIV:设置宽度、高度,溢出为自动,背景图片、假透明滚动条样式1;根据内容多少决定是否显示滚动条,利用颜色实现假透明效果1,不适用于背景图片</P></DIV></TD>
<TD vAlign=top>
<DIV style="OVERFLOW: auto; WIDTH: 120px">
<P>⑦Table/DIV:设置宽度、高度,溢出为自动,背景图片、真透明滚动条样式1;根据内容多少决定是否显示滚动条,利用滤镜实现真透明效果1,适用于文字和背景图片</P></DIV></TD></TR>
<TR height=20>
<TD colSpan=3></TD></TR>
<TR>
<TD>
<DIV
style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: #216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #216dad; BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD>
<TD>
<TABLE cellSpacing=0 cellPadding=0
background=78657678960_files/login.htm border=0>
<TBODY>
<TR>
<TD>
<DIV
style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: #216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #216dad; BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE cellSpacing=0 cellPadding=0
background=78657678960_files/login.htm border=0>
<TBODY>
<TR>
<TD>
<DIV
style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; FILTER: chroma(COLOR=#ffffff); SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: #216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #216dad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #216dad; BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD vAlign=top>
<DIV style="OVERFLOW: auto; WIDTH: 120px">
<P>⑧DIV:设置宽度、高度,溢出为自动,假透明滚动条样式2;根据内容多少决定是否显示滚动条,利用颜色实现假透明效果2,适用于文字</P></DIV></TD>
<TD vAlign=top>
<DIV style="OVERFLOW: auto; WIDTH: 120px">
<P>⑨Table/DIV:设置宽度、高度,溢出为自动,背景图片、假透明滚动条样式2;根据内容多少决定是否显示滚动条,利用颜色实现假透明效果2,不适用于背景图片</P></DIV></TD>
<TD vAlign=top>
<DIV style="OVERFLOW: auto; WIDTH: 120px">
<P>⑩Table/DIV:设置宽度、高度,溢出为自动,背景图片、真透明滚动条样式2;根据内容多少决定是否显示滚动条,利用滤镜实现真透明效果2,适用于文字和背景图片</P></DIV></TD></TR>
<TR height=20>
<TD colSpan=3></TD></TR>
<TR>
<TD>
<DIV
style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 120px; WORD-BREAK: keep-all; LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid; HEIGHT: 80px">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></TD>
<TD>
<DIV
style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-SIZE: 12px; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 120px; DIRECTION: rtl; LINE-HEIGHT: 20px; BORDER-BOTTOM: 1px solid; HEIGHT: 80px">
<DIV style="DIRECTION: ltr">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></DIV></TD>
<TD>
<TABLE cellSpacing=0 cellPadding=0
background=78657678960_files/login.htm border=0>
<TBODY>
<TR>
<TD>
<DIV
style="BORDER-RIGHT: #216dad 1px solid; BORDER-TOP: #216dad 1px solid; SCROLLBAR-FACE-COLOR: #ffffff; FONT-SIZE: 12px; FILTER: chroma(COLOR=#ffffff); SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: #216dad 1px solid; WIDTH: 120px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #216dad; DIRECTION: rtl; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #216dad; BORDER-BOTTOM: #216dad 1px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 80px">
<DIV style="DIRECTION: ltr">
<P>这是测试文字</P>
<P>这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字这是测试文字</P></DIV></DIV></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD vAlign=top>
<DIV style="OVERFLOW: auto; WIDTH: 120px">
<P>⑾DIV:增加“word-break:keep-all;”属性,即可实现横向滚动条。</P></DIV></TD>
<TD vAlign=top>
<DIV style="OVERFLOW: auto; WIDTH: 120px">
<P>⑿DIV/DIV:嵌入另外一个DIV,并且对他们设置“DIRECTION”属性,即可实现左侧滚动条。</P></DIV></TD>
<TD vAlign=top>
<DIV style="OVERFLOW: auto; WIDTH: 120px">
<P>⒀Table/DIV/DIV:左侧真透明滚动条和背景图片的综合运用。</P></DIV></TD></TR></TBODY></TABLE></P>
<P> </P>
<P> </P>
<P> </P>
<P>【说明】</P>
<P><FONT face=Wingdings>v</FONT><FONT
face=Tahoma> 必须在html编辑状态下编辑代码。</FONT></P>
<P><FONT face=Wingdings>v</FONT><FONT
face=Tahoma>
</FONT>简单的文本框是通过DIV实现的,包含背景图片的文本框是通过将DIV嵌入到Table中实现的。</P>
<P><FONT face=Wingdings>v</FONT><FONT
face=Tahoma>
</FONT>主要通过对DIV的Style属性来控制样式,主要设置如下:</P>
<P> overflow(溢出控制):visible(默认,可见)、auto(自动)、scroll(显示滚动条);</P>
<P> width(宽度):数值;</P>
<P> height(高度):数值;</P>
<P> color(字体颜色):色彩代码;</P>
<P> font-size(字体大小):数值;</P>
<P> line-height(行高):数值;</P>
<P> border(边框):宽度、类型和颜色,类型主要支持以下几种:none,dotted,dashed,solid,double,groove,ridge,inset,window-inset,outset;</P>
<P> font-weight(字体粗细):normal、bold、bolder、lighter;</P>
<P> font-family(字体类型):Arial、Tahoma、Verdana、仿宋_GB2312、黑体、楷体_GB2312、隶书、宋体、幼圆;</P>
<P> background(背景颜色):色彩代码;</P>
<P> scrollbar-base-color,scrollbar-face-color,scrollbar-track-color,scrollbar-darkshadow-color,scrollbar-highlight-color,scrollbar-shadow-color,scrollbar-3dlight-color,scrollbar-arrow-color(滚动条各部分的颜色):色彩代码;</P>
<P> filter:chroma(COLOR=转换成透明的颜色)(chroma过滤器):色彩代码,该颜色将转换成透明效果;</P>
<P> word-break(断字):normal(默认,正常断字)、keep-all(严格不断字)、break-all(严格断字);</P>
<P> direction(文字方向):ltr(默认,从左向右)、rtl(从右向左)。</P>
<P><FONT
face=Tahoma> </FONT>辅助工具</P>
<P> 在线滚动条配色器:通过本工具可以方便地在线设置滚动条样式。<A
href="http://www.blueidea.com/articleimg/2005/04/2460/scroller.swf"><FONT
color=#014982>地址1</FONT></A> <A
href="http://k688.com/wyzs/4.htm"><FONT
color=#014982>地址2</FONT></A></P>
<P> 颜色采集器:通过本工具可以方便地获取屏幕显示的任何颜色。<A
href="http://www.aidown.com/soft/1470.htm"><FONT
color=#014982>下载颜色采集器1.05</FONT></A></P>
<TABLE class="fixedTable blogpost" cellSpacing=0
width="100%" border=0>
</TABLE>
<SCRIPT language=JavaScript>
<!--
//申明链接变量
var bgsong1="http://www.xialala.com/wmax/Achinoam%20Nini%20&%20Gil%20Dor%20-%20niga%20el%20hachalom.WMA"
var bgsong2="http://www.xialala.com/wmax/hym%20-%204%20season%20song.WMA"
var bgsong3="http://www.xialala.com/wmax/SENS%20-%20wish.WMA"
var bgsong4="http://www.xialala.com/wmax/yfm%20-%20Happy%20new%20year.WMA"
var bgsong5="http://www.xialala.com/wmax/It''''s%20only%20the%20fairly%20tale.WMA"
var bgsong6="http://www.xialala.com/wmax/Flower%20Machine%20-%20live%20oak%20road.WMA"
var bgsong7="http://www.xialala.com/wmax/ygm%20-%20symgdj.WMA"
var bgsong8="http://www.xialala.com/wmax/speaking%20silence%20-%20Anywhere%20else.WMA"
var bgsong9="http://www.xialala.com/wmax/ykll%20-%20ocean%20deep.WMA"
var bgsong10="http://www.xialala.com/wmax/Bel%20Divioleta%20-%20La%20Ventana.wma"
var x=Math.round(Math.random()*9) //令变量 x 从0到9取随机值
if (x==0) x=bgsong1
else if (x==1) x=bgsong2
else if (x==2) x=bgsong3
else if (x==3) x=bgsong4
else if (x==4) x=bgsong5
else if (x==5) x=bgsong6
else if (x==6) x=bgsong7
else if (x==7) x=bgsong8
else if (x==8) x=bgsong9
else x=bgsong10
//播放
document.write(''''<embed src=''''+''''"''''+x+''''"''''+''''hidden="true" type="audio/x-ms-wma" autostart="true" loop="true">'''')
//-->
</SCRIPT></TD>
</TR></TABLE></TD></TR>
<TR>
<TD borderColor=#ffffff width="100%">
<HR SIZE=1>
</TD></TR>
<TR>
<TD borderColor=#ffffff
height=3></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE>
<TABLE height=17 cellSpacing=0 cellPadding=0 width="98%"
align=center border=0>
</TABLE>
<TR>
<TD borderColor=#ffffff
height=3></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV><!--显示评论开始--><!--显示评论结束--></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=778 align=center bgColor=#ecfff5
border=0>
<TBODY>
<TR>
<TD width="100%"> <B>相关评论:</B><INPUT class=but onClick="javascript:window.open('index.asp?Actionx=Review&newid=1076437','','');" type=button value=查看所有评论 name=xreview></TD></TR>
<TR>
<TD width="100%">
<HR SIZE=1>
</TD></TR>
<TR>
<TD width="100%">
<TABLE cellSpacing=5 cellPadding=5 width="100%" border=0>
</TABLE></TD></TR>
<TR>
<TD width="100%">
<HR SIZE=1>
</TD></TR></TBODY></TABLE>
</TD>
<TD class=Right
valign="top" rowspan="3"></TD></TR></TABLE>
<SCRIPT>
var online3= new Array();
if (!document.layers)
document.write('<div id="web_ads_divStayBotLeft3" style="position:absolute">')
</SCRIPT>
<LAYER id=web_ads_divStayBotLeft3></LAYER>
<SCRIPT type=text/javascript>
var verticalpos3="frombottom3"
if (!document.layers)
document.write('</div>')
function JSFX_FloatTopDiv3()
{
//默认情况显示在屏幕左侧,若要显示在右侧,修改下面的3(左边)890(右边)
var startX3 =3,
startY3 = 150;
var ns3 = (navigator.appName.indexOf("Netscape") != -1);
var d3 = document;
function ml3(id)
{
var el3=d3.getElementById?d3.getElementById(id):d3.all?d3.all[id]:d3.layers[id];
if(d3.layers)el3.style=el3;
el3.sP=function(x,y){this.style.left=x;this.style.top=y;};
el3.x = startX3;
if (verticalpos3=="fromtop3")
el3.y = startY3;
else{
el3.y = ns3 ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
el3.y -= startY3;
}
return el3;
}
window.stayTopLeft3=function()
{
if (verticalpos3=="fromtop3"){
var pY3 = ns3 ? pageYOffset : document.body.scrollTop;
ftlObj3.y += (pY + startY3 - ftlObj3.y)/8;
}
else{
var pY3 = ns3 ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
ftlObj3.y += (pY3 - startY3 - ftlObj3.y)/8;
}
ftlObj3.sP(ftlObj3.x, ftlObj3.y);
setTimeout("stayTopLeft3()", 10);
}
ftlObj3 = ml3("web_ads_divStayBotLeft3");
stayTopLeft3();
}
JSFX_FloatTopDiv3();
</SCRIPT>
</BODY></HTML>
隐藏菜单效果
作者:wind23 日期:2010-01-19
<style>
#menuShow{
border: 1px solid #999999;
background-color: #cccccc;
padding: 0px;
font-size: 10px;
font-family: tahoma;
position: absolute;
width: 161px;
height: auto;
}
#menuSelect{
border: 1px solid #999999;
background-color: #cccccc;
padding: 0px;
font-size: 10px;
font-family: tahoma;
position: absolute;
width: 161px;
height: 24px;
}
a { font-family: "tahoma"; font-size: 10px; line-height: 16px; color: #333333; text-decoration: none}
a:hover { font-family: "tahoma"; font-size: 10px; line-height: 16px; color: #FFFFFF; text-decoration: none}
</style>
<body bgcolor="#FFFFFF" text="#000000">
<div id="menuSelect" style=""> <a href="#" onClick="moveOnMenu();moveOffSelector()">
<img src="jsfile/bb2/2.gif" width="161" height="24" border="0"></a></div>
<div id="menuShow" style="" align="center"> <a href="#" onClick="moveOffMenu();moveOnSelector()">
<img src="jsfile/bb2/1.gif" width="161" height="24" border="0"></a> <br>
<a href="http://www.chinaz.com">中国站长站</a><br>
<a href="http://sc.chinaz.com">中国站长站素材</a><br>
<a href="http://www.chinaz.com">Menu Item C</a><br>
<br>
<a href="http://www.chinaz.com">Menu Item D</a><br>
<a href="http://www.chinaz.com">Menu Item E</a><br>
<br>
<a href="http://www.chinaz.com">Menu Item F</a><br>
<a href="http://www.chinaz.com">Menu Item G</a><br>
<a href="http://www.chinaz.com">Menu Item H</a><br>
</div>
新闻列表替换
作者:wind23 日期:2010-01-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>仿网易的滑动门技术,用DIV+CSS技术实现</title>
<style type="text/css">
<!--
#header {
background-color: #F8F4EF;
height: 200px;
width: 400px;
margin: 0px;
padding: 0px;
border: 1px solid #ECE1D5;
font-family: "宋体";
font-size: 12px;
}
#menu {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu li {
display: block;
width: 100px;
text-align: center;
float: left;
margin: 0px;
padding-top: 0.2em;
padding-right: 0px;
padding-bottom: 0.2em;
padding-left: 0px;
cursor: hand;
}
.sec1 { background-color: #FFFFCC;}
.sec2 { background-color: #00CCFF;}
.block { display: block;}
.unblock { display: none;}
-->
</style>
</head>
<body>
<script language=javascript>
function secBoard(n)
{
for(i=0;i<menu.childNodes.length;i++)
menu.childNodes[i].className="sec1";
menu.childNodes[n].className="sec2";
for(i=0;i<main.childNodes.length;i++)
main.childNodes[i].style.display="none";
main.childNodes[n].style.display="block";
}
</script>
<div id="header">
<ul id="menu">
<li onMouseOver="secBoard(0)" class="sec2">最新新闻</li>
<li onMouseOver="secBoard(1)" class="sec1">最新文章</li>
<li onMouseOver="secBoard(2)" class="sec1">最新日志</li>
<li onMouseOver="secBoard(3)" class="sec1">论坛新帖</li>
</ul>
<!--内容显示区域-->
<ul id="main">
<li class="block">第一个内容</li>
<li class="unblock">第二个内容</li>
<li class="unblock">第三个内容</li>
<li class="unblock">第四个内容</li>
</ul>
<!--内容显示区域-->
</div>
</body>
</html>
阴霾
作者:wind23 日期:2010-01-15
离回家的日子越来越近,可是近对我来说还是那么远,难熬!!我真的很迫切的想回家了,好烦,此年,人生最低落的一段时间,心情反差太大,倦了,想休息了,为什么人活着就这么的累呢,我怎么了,我为什么不开心呢,这个年龄是不是纯真的一个年龄阶段呢,一片阴霾,很想给自己放一段长假!!!!
经常笑也不是,哭也不是,不想让眼泪轻易的流下来,可是哭笑不得的表情真的很难看,心在滴血,心在纠结!!!昨天我怎么会发脾气了呢,忍不住了吧,快崩溃了吧,看表面,我每天都在笑,似乎很开心,有谁能了解内心深处的不愉快呢!!!
很多时侯,人还是会选择伪装,那些人,那些事!!!!








