阳님의 프로필◕‿◕๑۩۞۩๑✿童话公主๑۩۞۩๑✿사진블로그리스트기타 도구 도움말
    6월 15일

    滚动文本框代码

    ★滚动文本框代码★

    Hosted by Lyn

    ★滚动文本框代码★

          把代码拷贝后可直接双击文本框就可以在里面输入文字和粘贴图片,而且文本框的大小可以随意调整。

    具体效果看以下链接:查看效果

    <DIV align=center
    style='
    color: #990099;
    background-color:#FFFFE0;
    border: solid 2px black;
    width: 470px;
    height: 180px;
    overflow: scroll;
    scrollbar-face-color: #ffc0cb;
    scrollbar-shadow-color: #ffb6c1;
    scrollbar-highlight-color: #98fb98;
    scrollbar-3dlight-color: #ffb6c1;
    scrollbar-darkshadow-color: #90ee90;
    scrollbar-track-color: #ffdead;
    scrollbar-arrow-color: #f5deb3;
    '>日志文字</DIV>  

          代码实现的文本框是浅黄色的背景,粗略效果如文本框内所示。

    (注释:附语法语句的解释:

    //层开始标记,对中对齐
    : <DIV align=center
    //样式如下:
    : style='
    //前景色为#ffffff
    : color: #ffffff;
    //背景色为#000000
    : background-color: #000000;
    //边框为2像素,黑色
    : border: solid 2px black;
    //宽度120像素
    : width: 120px;
    //高度200像素
    : height: 200px;
    //超出范围时使用滚动条
    : overflow: scroll;
    //滚动条的各个颜色如下
    : scrollbar-face-color: #889B9F;
    : scrollbar-shadow-color: #3D5054;
    : scrollbar-highlight-color: #C3D6DA;
    : scrollbar-3dlight-color: #3D5054;
    : scrollbar-darkshadow-color: #85989C;
    : scrollbar-track-color: #95A6AA;
    : scrollbar-arrow-color: #FFD6DA;
    //在这个层中显示文字“日志文字”,层结束标志
    : '>日志文字</DIV>

         

    又一滚动文本框配色方案

    <P>&nbsp;</P>
    <DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 236px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e; SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 113px; BACKGROUND-COLOR: #fffacd" align=center>日志文字</DIV>

     
     

    按此在新窗口打开图片按此在新窗口打开图片  

    粉色透明效果滚动框

    <DIV align=center>&nbsp;</DIV>
    <P align=center>
    <TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
    <TBODY>
    <TR>
    <TD class=bvh8></TD></TR>
    <TR>
    <TD id=msgcns!1pomF7Vu-LANWJReMO9ySadQ!454>&nbsp;
    <DIV style="BORDER-RIGHT: #f0b4b4 solid; BORDER-TOP: #f0b4b4 solid; SCROLLBAR-FACE-COLOR:

    #f0b4b4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0b4b4 solid;

    WIDTH: 314px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR:

    #ffffcc; BORDER-BOTTOM: #f0b4b4 solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; HEIGHT: 95px;

    BACKGROUND-COLOR: #ffe1f0">
    <P><B><FONT color=#ff6699>文字</FONT></B></P>
    <P>&nbsp;</P></DIV></TD></TR>
    <TR>
    <TD>
    <TABLE cellSpacing=0 border=0>
    <TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

    Hosted by Lyn

    按此在新窗口打开图片按此在新窗口打开图片

     
    紫色透明效果虚线滚动框
     
    <DIV align=center>
    <TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
    <TBODY>
    <TR>
    <TD class=ellipse></TD></TR>
    <TR>
    <TD class=bvh8></TD></TR>
    <TR>
    <TD id=msgcns!1pomF7Vu-LANWJReMO9ySadQ!395>
    <DIV align=left>
    <DIV style="BORDER-RIGHT: #c399d0 2pt dashed; BORDER-TOP: #c399d0 2pt dashed;
    SCROLLBAR-FACE-COLOR: #ddcae0; SCROLLBAR-HIGHLIGHT-COLOR: #c399d0; OVERFLOW: scroll;
    BORDER-LEFT: #c399d0 2pt dashed; WIDTH: 386px; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR:
    #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ddcae0; SCROLLBAR-ARROW-COLOR: #c399d0; BORDER-BOTTOM:
    #c399d0 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #ddcae0; HEIGHT: 92px; BACKGROUND-COLOR:
    #ddcae0" align=left>
    <P align=center><STRONG><FONT color=#cc66cc></FONT></STRONG></P>
    <P align=center><STRONG><FONT color=#cc66cc></FONT></STRONG></P>
    <DIV align=left><STRONG><FONT color=#cc66cc>&nbsp; 日志文字
    </FONT></STRONG></DIV></DIV></DIV>
    <DIV align=left><FONT color=#cc66cc></FONT></DIV>
    <DIV align=left><FONT color=#cc6699></FONT></DIV></TD></TR>
    <TR>
    <TD>
    <TABLE cellSpacing=0 border=0>
    <TBODY></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

    Hosted by Lyn

    按此在新窗口打开图片按此在新窗口打开图片

    淡黄色虚线滚动边框

    <TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
    <TBODY>
    <TR>
    <TD class=ellipse></TD></TR>
    <TR>
    <TD class=bvh8></TD></TR>
    <TR>
    <TD id=msgcns!1pomF7Vu-LANWJReMO9ySadQ!333>
    <P>&nbsp;</P></A>
    <DIV style="BORDER-RIGHT: #f0c378 2pt dashed; BORDER-TOP: #f0c378 2pt dashed;

    SCROLLBAR-FACE-COLOR: #ffffb4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll;

    BORDER-LEFT: #f0c378 2pt dashed; WIDTH: 347px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR:

    #ffffff; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM:

    #f0c378 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #999999; HEIGHT: 125px; BACKGROUND-COLOR:

    #ffffb4">
    <P><FONT color=#ffff00></FONT></P>
    <P><FONT color=#ff9966>日志文字</FONT></P></DIV>
    <P>&nbsp;</P></TD></TR></TBODY></TABLE>

    Hosted by Lyn

    按此在新窗口打开图片按此在新窗口打开图片

    粉红色滚动框加淡色背景(有分割线有字)


    <TABLE class="fixedTable blogpost" cellSpacing=0 width="100%" border=0>
    <TBODY>
    <TR>
    <TD class=bvh8></TD></TR>
    <TR>
    <TD id=msgcns!1pomF7Vu-LANWJReMO9ySadQ!454><IMG height=30

    src="http://www.zyxr.com/sc/line/35.gif" width=456>
    <DIV style="BORDER-RIGHT: #f0b4b4 solid; BORDER-TOP: #f0b4b4 solid; SCROLLBAR-FACE-COLOR:

    #f0b4b4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0b4b4 solid;

    WIDTH: 456px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR:

    #ffffcc; BORDER-BOTTOM: #f0b4b4 solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; HEIGHT: 333px;

    BACKGROUND-COLOR: #ffe1f0">
    <DIV style="WIDTH: 109px; HEIGHT: 108px"><IMG style="FILTER: alpha(opacity=40,

    finishOpacity=25,style=0); WIDTH: 426px; HEIGHT: 527px" height=527

    src="http://www.desksky.net/upload/05/wallpaper/ktdm/79/27.jpg" width=426 align=right>
    <DIV style="FLOAT: left; WIDTH: 404px; HEIGHT: 515px; BACKGROUND-COLOR: transparent">
    <P style="FONT-SIZE: 100%; COLOR: #3cb371"><B>
    <P style="FONT-SIZE: 100%; COLOR: #3cb371"><FONT color=#8080ff><STRONG><IMG height=20

    src="http://www.zyxr.com/sc/line/59.gif" width=415></STRONG></FONT></P>
    <P style="FONT-SIZE: 100%; COLOR: #3cb371"><STRONG><FONT color=#58c4f7><FONT color=#ff80c0>

    日志文字</FONT>&nbsp;</FONT><BR><FONT color=#6db1ed> </FONT><BR><FONT color=#ff86a7> 

    </FONT><FONT color=#f288b1> </FONT><BR></STRONG></P>
    <P style="FONT-SIZE: 100%; COLOR: #3cb371"><STRONG><IMG height=20

    src="http://www.zyxr.com/sc/line/59.gif" width=406><BR></P></STRONG><BR>&nbsp;&nbsp;
    <P></P></DIV></DIV></B></DIV><IMG height=30 src="
    http://www.zyxr.com/sc/line/35.gif"

    width=456></TD></TR></TBODY></TABLE>



       


     


      

     

     
     

      淡绿色滚动虚线文本框,其实不需要代码,只需要把文本框拷贝,在日志上粘贴就可以了。

     

    透明效果虚线滚动框

    透明效果粉色虚线滚动框

     
     
     

    又是一种配色滚动框

     

    黄色滚动框 

     
     

     

                   

    <               


     

     

     

       

     

    带背景滚动框

     

     


     

    댓글 (2개)

    잠시만 기다려 주세요...
    죄송합니다. 입력한 댓글이 너무 깁니다. 내용을 줄여 보세요.
    입력한 내용이 없습니다. 다시 시도해 보세요.
    죄송합니다. 지금은 댓글을 추가할 수 없습니다. 나중에 다시 시도해 보세요.
    댓글을 추가하려면 부모님의 사용 허락이 필요합니다. 허용 요청
    부모님이 댓글 기능을 해제한 상태입니다.
    죄송합니다. 지금은 댓글을 삭제할 수 없습니다. 나중에 다시 시도해 보세요.
    하루에 남길 수 있는 댓글의 최대 한도를 초과했습니다. 24시간 후에 다시 시도해 보세요.
    회원님의 계정은 다른 사용자에게 스팸 메일을 보낼 수 있다고 여겨지므로 댓글 기능이 비활성화되어 있습니다. 이 설정에 문제가 있다고 생각되면 Windows Live 지원에 문의하시기 바랍니다.
    댓글을 남기려면 아래 보안 검사를 완료해야 합니다.
    보안 검사에 입력한 글자는 그림 또는 오디오에 있는 글자와 일치해야 합니다.

    댓글을 추가하려면 Windows Live ID로 로그인하세요. 핫메일, 메신저 또는 Xbox LIVE를 사용하는 경우 해당 계정을 Windows Live ID로 사용할 수 있습니다.로그인


    Windows Live ID가 없으신가요? 등록

    알 수 없음님의 사진
    鈈洅唲戲 님이 남긴 글:
    闷啊~~~~
    我没看懂,你可以告诉我淡粉的代码是多少吗?
    10월 13일
    알 수 없음님의 사진
    overlove_Eric 님이 남긴 글:
    麻烦问一下~
    你看下我的网页~
    觉得哪种颜色的文本框比较适合我的网页~
    把代码发给我好吗~
    谢了~
    7월 7일

    트랙백

    이 블로그를 참조하는 웹 로그
    • 없음