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

大本事(xzh.2008.yes)的博客

人活在世上要有本事,而且要有大本事,才能立于不败之地,并成就一番伟大的事业

 
 
 

日志

 
 

【转载】多款滚动条及代码  

2014-04-07 09:49:40|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自理睬《多款滚动条及代码》

 

 

多款动条及代码

 

1.

代码:

<DIV align=center>
<DIV style="SCROLLBAR-ARROW-COLOR: #ffccff; BORDER-BOTTOM: 6px ridge; BORDER-LEFT: 6px ridge; SCROLLBAR-FACE-COLOR: #ccccff; BACKGROUND-COLOR: #ffe4c4; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #ffcccc; HEIGHT: 150px; SCROLLBAR-HIGHLIGHT-COLOR: #ffff99; COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffccff; OVERFLOW: scroll; BORDER-TOP: 6px ridge; BORDER-RIGHT: 6px ridge; SCROLLBAR-3DLIGHT-COLOR: #ffccff" align=center>
<P align=left><FONT color=#800080><STRONG>文字</STRONG></FONT></P></DIV></DIV>

2.

代码:

<DIV align=center>
<DIV style="SCROLLBAR-ARROW-COLOR: #ff0000; BORDER-BOTTOM: black 2px solid; BORDER-LEFT: black 2px solid; SCROLLBAR-FACE-COLOR: #ffa500; BACKGROUND-COLOR: #fffacd; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 150px; COLOR: #d2691e; SCROLLBAR-SHADOW-COLOR: #ffd700; OVERFLOW: scroll; BORDER-TOP: black 2px solid; BORDER-RIGHT: black 2px solid; SCROLLBAR-3DLIGHT-COLOR: #ff7f50" align=center>

3.

代码:

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ffffe0; SCROLLBAR-HIGHLIGHT-COLOR: #ffffe0; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 312px; SCROLLBAR-SHADOW-COLOR: #ccccff; COLOR: #009900; SCROLLBAR-3DLIGHT-COLOR: #ccccff; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffcc; HEIGHT: 76px; BACKGROUND-COLOR: #ffffcc" align=center>

4.

代码:

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #006600; SCROLLBAR-HIGHLIGHT-COLOR: #33cc33; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 378px; SCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR: #33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #33cc33; HEIGHT: 111px; BACKGROUND-COLOR: #ccffcc" align=center>

5.

代码:

<DIV style="SCROLLBAR-ARROW-COLOR: #000000; BORDER-BOTTOM: black 2px solid; BORDER-LEFT: black 2px solid; SCROLLBAR-FACE-COLOR: #000000; BACKGROUND-COLOR: #000000; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 150px; SCROLLBAR-HIGHLIGHT-COLOR: #000000; COLOR: #000000; SCROLLBAR-SHADOW-COLOR: #ffffff; OVERFLOW: auto; BORDER-TOP: black 2px solid; BORDER-RIGHT: black 2px solid">

6.

代码:

<DIV style="BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffcccc; SCROLLBAR-HIGHLIGHT-COLOR: #ff9999; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 400px; SCROLLBAR-SHADOW-COLOR: #ff9999; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffcccc; SCROLLBAR-ARROW-COLOR: #ffcccc; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffcc99; HEIGHT: 150px; BACKGROUND-COLOR: #ffcccc" align=center>

7.

代码:

<DIV style="BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffccff; SCROLLBAR-HIGHLIGHT-COLOR: #ff99cc; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 400px; SCROLLBAR-SHADOW-COLOR: #ff99cc; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffcccc; SCROLLBAR-ARROW-COLOR: #ff99cc; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffccff; HEIGHT: 150px; BACKGROUND-COLOR: #ffccff" align=center>

8.

代码:

<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: 400px; SCROLLBAR-SHADOW-COLOR: #3d5054; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ddcae0; SCROLLBAR-ARROW-COLOR: #c399d0; BORDER-BOTTOM: #c399d0 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #ddcae0; HEIGHT: 150px; BACKGROUND-COLOR: #ddcae0" align=left>

9.

代码:

<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: 400px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #cccccc; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: #f0c378 2pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #999999; HEIGHT: 150px; BACKGROUND-COLOR: #ffffb4">

10.

代码:

<DIV style="BORDER-BOTTOM: #99ff99 3px dashed; BORDER-LEFT: #99ff99 3px dashed; SCROLLBAR-FACE-COLOR: #99ff99; BACKGROUND-COLOR: #ffffff; WIDTH: 400px; SCROLLBAR-DARKSHADOW-COLOR: #00cc33; HEIGHT: 150px; SCROLLBAR-HIGHLIGHT-COLOR: #99ff99; COLOR: #99ff99; OVERFLOW: scroll; BORDER-TOP: #99ff99 3px dashed; BORDER-RIGHT: #99ff99 3px dashed" align=center>

11.

代码:

<DIV style="BORDER-RIGHT: #ffccff 3px dashed; BORDER-TOP: #ffccff 3px dashed; SCROLLBAR-FACE-COLOR: #ffccff; SCROLLBAR-HIGHLIGHT-COLOR: #ffccff; OVERFLOW: scroll; BORDER-LEFT: #ffccff 3px dashed; WIDTH: 400px; COLOR: #ffff66; BORDER-BOTTOM: #ffccff 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #ffff66; HEIGHT: 150px; BACKGROUND-COLOR: #ffffff" align=center>

12.

代码:

<DIV style="BORDER-RIGHT: #cccc66 3px dashed; BORDER-TOP: #cccc66 3px dashed; SCROLLBAR-FACE-COLOR: #cccc66; SCROLLBAR-HIGHLIGHT-COLOR: #cccc66; OVERFLOW: scroll; BORDER-LEFT: #cccc66 3px dashed; WIDTH: 400px; COLOR: #ffff66; BORDER-BOTTOM: #cccc66 3px dashed; SCROLLBAR-DARKSHADOW-COLOR: #ffff66; HEIGHT: 150px; BACKGROUND-COLOR: #ffffff" align=center>

13.(透明底有色条)

代码:

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #889b9f; SCROLLBAR-HIGHLIGHT-COLOR: #c3d6da; OVERFLOW: auto; BORDER-LEFT: black 2px solid; WIDTH: 400px; SCROLLBAR-SHADOW-COLOR: #3d5054; SCROLLBAR-3DLIGHT-COLOR: #3d5054; SCROLLBAR-ARROW-COLOR: #ffd6da; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #85989c; HEIGHT: 150px" align=center>

14.(透明底白条)

代码:

<DIV style="BORDER-RIGHT: black 0px solid; BORDER-TOP: black 0px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: black 0px solid; WIDTH: 400px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: black 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 150px; BACKGROUND-COLOR: transparent">

15.(全透明)

代码:

<DIV style="BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; SCROLLBAR-FACE-COLOR: #ffffff; FILTER: chroma(COLOR=#ffffff); SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: 0px solid; WIDTH: 400px; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; LINE-HEIGHT: 20px; SCROLLBAR-ARROW-COLOR: #ff9966; BORDER-BOTTOM: 0px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; SCROLLBAR-BASE-COLOR: #ffffff; HEIGHT: 150px">

16.(白底透明条)

代码:

<DIV style="BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: white 2px solid; WIDTH: 400px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #1e90ff; BORDER-BOTTOM: white 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 150px; BACKGROUND-COLOR: #ffffff" align=left>

滚动条代码及其用法举例说明

代码运用:
<DIV align=center>
<DIV style="BORDER-RIGHT: #ff9999 2px solid; BORDER-TOP: #ff9999 2px solid; SCROLLBAR-FACE-COLOR: #ffcccc; SCROLLBAR-HIGHLIGHT-COLOR: #ff9999; OVERFLOW: scroll; BORDER-LEFT: #ff9999 2px solid; WIDTH: 810px; SCROLLBAR-SHADOW-COLOR: #ff9999; COLOR: #ffcccc; SCROLLBAR-3DLIGHT-COLOR: #ffcccc; SCROLLBAR-ARROW-COLOR: #ffcccc; BORDER-BOTTOM: #ff9999 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffcc99; HEIGHT: 200px; BACKGROUND-COLOR: #ffcccc" align=center>

<TABLE id=table1 border=0 cellSpacing=30 cellPadding=0 width=870 background=http://img8.ph.126.net/Q0TXdMdBQz2hyK9VFbGX8g==/2572118337199269478.gif align=center>
<TBODY>
<TR>
<TD width="100%">
<TABLE border=2 cellSpacing=11 background=http://img9.ph.126.net/27jnjGc6KMy_uyVblHRWog==/3033737298988780889.gif align=center>
<TBODY>
<TR>
<TD width="100%">
<TABLE border=1 cellSpacing=5 borderColorLight=#070ed9 borderColorDark=#000224 width="100%" background=http://img0.ph.126.net/kJemD3-cjvKyaSijzCcxLw==/4842214024353497080.gif>
<TBODY>
<TR>
<TD width="100%">
<TABLE border=0 cellSpacing=15 cellPadding=0 width="100%" background=0>
<TBODY>
<TR>
<TD width="100%">
<DIV align=center>
<DIV style="FILTER: glow(color=gray,strength=5); LINE-HEIGHT: 150%; WIDTH: 100%; FONT-FAMILY: 华文行楷; HEIGHT: 80px; COLOR: red; FONT-SIZE: 35pt"><STRONG>
<P align=center><STRONG><FONT color=#00ffff>三送大家我收藏的播放器代码</FONT></STRONG></P></STRONG></DIV></DIV>
<P align=center><IMG style="MARGIN: 0px 10px 0px 0px" src="
http://img6.ph.126.net/fIipO4WqoHVjO970v3cE_w==/2118662149702153736.gif"></P>
<P align=center>&nbsp; </P>
<P align=left><FONT color=#003300><FONT size=4 face=黑体>  我把我收藏的播放器第三次送给你,方便大家在写日志事添加音乐,希望大家喜欢,我都调试过了,你只要将代码贴到你的日志代码里即可用了。</FONT></FONT></P>
<P align=left><STRONG><FONT color=#000000><FONT color=#ff0000>【国乐经典】优美动听纯音乐古筝12首<BR></FONT>&lt;P align=left&gt;&lt;EMBED height=750 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=900 src=http://play.sqkz.com/yy_bfq/fn-txt-fg-zdy01/sqkzmp3.swf?mp=0807/20090405134057-12423 ALLOWNETWORKING="internal" QUALITY="high" INVOKEURLS="false" WMODE="transparent" autostart="0" allowNetworking="internal" allowScriptAccess="never"&gt;&lt;/EMBED&gt;&lt;/P&gt;</FONT></STRONG></P><STRONG><FONT color=#000000>
<P align=left><FONT color=#ff0000>荡涤回婉的笛子60首&nbsp; (透明)<BR></FONT>&lt;DIV align=center&gt;&lt;EMBED height=470 type=application/x-shockwave-flash align=right width=700 src=http://home.202030.com/mp3.swf?user=xiangerke WMODE="transparent" INVOKEURLS="false" QUALITY="high" ALLOWNETWORKING="internal" autostart="0" allowNetworking="internal" allowScriptAccess="never"&gt;&lt;/EMBED&gt;</P>
<P align=left><FONT color=#ff0000>【极品音画】马头琴名曲欣赏<BR></FONT>&lt;P align=center&gt;&lt;EMBED height=485 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=750 src=http://home.202030.com/mp3.swf?user=ahstbzp19&amp;amp;mp3.swf WMODE="transparent" INVOKEURLS="false" QUALITY="high" ALLOWNETWORKING="internal" autostart="0" allowNetworking="internal" allowScriptAccess="never"&gt;&lt;/EMBED&gt;&lt;/P&gt;</P>
<P align=left><FONT color=#ff0000>叫一声二奶奶 你摊上事了(最新高品质歌曲30首)<BR></FONT>&lt;DIV align=center&gt;&lt;EMBED height=500 type=application/x-shockwave-flash width=800 src=http://dc.yayasucai.com/gjbfq/cmp.swf?asp=14655&amp;amp;skin=/gjbfq/skins/xdj.swf menu="true" loop="true" play="true"&gt;&lt;/DIV&gt;</P>
<P align=left><FONT color=#ff0000>彭丽媛歌曲精选60首【经典欣赏】(透明)<BR></FONT>&lt;DIV align=center&gt;&lt;EMBED height=470 type=application/x-shockwave-flash width=700 src=http://a48325032.202030.com.cn/mp3.swf wmode="transparent"&gt;&lt;/DIV&gt;</P>
<P align=left><FONT color=#ff0000>精选佛乐歌曲50首<BR></FONT>&lt;P align=center&gt;&lt;EMBED height=1060 type=application/x-shockwave-flash width=800 src=http://zss2.202030.com.cn/mp3.swf wmode="transparent"&gt;&lt;/P&gt;</P>
<P align=left><FONT color=#ff0000>特好听的歌13首<BR></FONT>&lt;DIV align=center&gt;&lt;EMBED height=480 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=800 src=http://storage.live.com/items/F07D5D3C89C24E64!252?filename=15.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"&gt;&lt;/DIV&gt;</P>
<P align=left><FONT color=#ff0000>《听遍中国》——各省区民歌精选180首(音乐典藏)<BR></FONT>&lt;DIV align=center&gt;&lt;EMBED height=620 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=900 src=http://storage.live.com/items/369710BDE47259D7!190?filename=15.swf allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"&gt;&lt;/DIV&gt;</P>
<P align=left><FONT color=#ff0000>雪儿《新民歌》12首【FLASH 绝美音画】<BR></FONT>&lt;DIV align=center&gt;&lt;EMBED height=495 type=application/x-shockwave-flash width=863 src=http://storage.live.com/items/F07D5D3C89C24E64!1836?filename/13.swf wmode="transparent"&gt;&lt;/DIV&gt;</P>
<P align=left><FONT color=#ff0000>魅力男声精选集歌曲34首【FLASH 绝美音画】<BR></FONT>&lt;DIV align=center&gt;&lt;EMBED height=668 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=781 src=http://dryy35.202030.com.cn/mp3.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"&gt;&lt;/DIV&gt;</P>
<P align=left><FONT color=#ff0000>梦醉心声专辑2CD【FLASH 绝品音画】<BR></FONT>&lt;DIV align=center&gt;&lt;EMBED height=580 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=776 src=http://storage.live.com/items/369710BDE47259D7!1491?filename/12.swf allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"&gt;&lt;/DIV&gt;</P>
<P align=left><FONT color=#ff0000>男女缘字歌辑《今生缘》(15首)<BR></FONT>&lt;div align=center&gt;&lt;embed height=600 type="application/x-shockwave-flash" pluginspage="<A href="
http://www.macromedia.com/go/getflashplayer">http://www.macromedia.com/go/getflashplayer</A>" width=750 src="<A href="http://fzdxv566.w75.171kj.cn/a58/371/dkj/h5151.swf?mp=13">http://fzdxv566.w75.171kj.cn/a58/371/dkj/h5151.swf?mp=13</A>" allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"&gt;&lt;/div&gt;</P>
<P align=left><FONT color=#ff0000>中国首张高品质中国风舞曲《旅途狂欢》<BR></FONT>&lt;P align=center&gt;&lt;EMBED height=650 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=850 src=http://player.56.com/deux12_120228315.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never"&gt;&lt;/P&gt;</P>
<P align=left><FONT color=#ff0000>《伴你二十年》二胡专辑 (透明)<BR></FONT>&lt;P align=center&gt;&lt;EMBED height=490 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=700 src=http://home.202030.com/mp3.swf?user=kantanju7&amp;amp;mp3.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"&gt;&lt;/P&gt;</P>
<P align=left><FONT color=#ff0000>黄梅小调19首:<BR></FONT>&lt;P align=center&gt;&lt;EMBED height=600 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=750 src=http://home.202030.com/mp3.swf?user=aab225 wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"&gt;&lt;/P&gt;</P>
<P align=center><IMG src="
http://img6.ph.126.net/fIipO4WqoHVjO970v3cE_w==/2118662149702153736.gif"></P>
<DIV align=center><EMBED height=450 type=application/x-shockwave-flash width=763 src=http://storage.live.com/items/F07D5D3C89C24E64!1836?filename/13.swf wmode="transparent"></DIV>
<DIV align=center>
<DIV style="FILTER: glow(color=gray,strength=3); LINE-HEIGHT: 150%; WIDTH: 90%; FONT-FAMILY: 华文行楷; HEIGHT: 60px; COLOR: red; FONT-SIZE: 25pt"><STRONG>
<P align=center><STRONG><FONT color=#00ffff>摘自网络</FONT></STRONG></P></STRONG></DIV></DIV></STRONG></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

                                 
                                    
                                            
 
  评论这张
 
阅读(117)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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