作者:marvellous 时间: 2006-06-17 文档类型:原创 来自:蓝色理想
第 1 页 文字链接技术基础 [1] 第 2 页 文字链接技术基础 [2]
运行代码框<style type="text/css"> <!-- .font1 {text-decoration: none;font-family:华文行楷;color:orange;font-size:16px;} a { font-size: 16px; color: #999999; text-decoration: none;font-family:华文新魏;} a:hover {text-decoration: none;font-family:隶书;color:blue;font-size:14px;} --> </style> <div class="font1" style="writing-mode=tb-rl;height:250px" width=300> <p>盛夏 尚 涛 <p><a href="index.htm">一夜露痕黄粉香 袁运甫 </a> <p>瑶池昨夜新凉 王金岭 <p>一朵白莲随意开 吴冠南 <p>新雨迎秋欲满塘 齐辛民 <p>十里荷香 齐辛民 <p>濯清莲而不妖 卢世曙 </div> <br><br> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
运行代码框<style type="text/css"> <!-- a:link { color: #efefef; text-decoration: none; } a:hover { color: #000000; text-decoration: underline overline; } a:visited { color: #000000; text-decoration: none; } --> </style> <table width="388" border="1" cellpadding="3" cellspacing="0" bordercolor="#efefef" bgcolor="#efefef"> <tr> <td onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'"; onMouseOver="this.bgColor='#cccccc'; this.borderColor='#000033'"><a href="http://www.blueidea.com">每天有每天的事,每天有每天的麻烦。所以不用怕。</a></td> </tr> <tr> <td onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'"; onMouseOver="this.bgColor='#cccccc'; this.borderColor='#000033'"><a href="http://www.cnbruce.com">让自己不至于在等待回贴的过程中血气上涌</a></td> </tr> <tr> <td onMouseOut="this.bgColor='#efefef';this.borderColor='#efefef'"; onMouseOver="this.bgColor='#cccccc'; this.borderColor='#000033'"><a href="http://www.it365cn.com">佛曰:一切经典首句应安“如是我闻”等证信的句子</a></td> </tr> </table> <br><br><br> <table border="0" cellpadding="0" cellspacing="0"><tr><td class="doc_sign"> <br> <style type="text/css"> <!-- a { font-size: 12px; color: #000000; text-decoration: none; } a:hover { font-size: 14px; font-weight: bold; color: #CC3300; text-decoration: none; } --> </style> <table width="234" border="0" cellspacing="3" cellpadding="0"> <tr> <td height="20"><a href="#">没有最好,</a></td> <td><a href="#">只有更好!</a></td> </tr> <tr> <td height="20"><a href="#">在成为高手之</a></td> <td><a href="#">前先摆脱白痴</a></td> </tr> </table> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
滚动公告板,文字链接下划虚线,背景变色:
运行代码框<style> A { COLOR: #333333; TEXT-DECORATION: none ;border-bottom:1px dotted } A:hover { COLOR: #333333; background-color:#C0FFFF; } td { FONT-SIZE: 9pt; FONT-FAMILY: "Verdana"; color:#3333333;letter-spacing : 1pt ;line- height :14pt} </style> <table width=380 bgcolor=#f7f8f9 border=0 cellspacing=0 style="border:#cccccc 1px solid;" height="18"><tr><td><div id="icefable1" style="width:500;"> <TABLE cellSpacing=0 cellPadding=0 border=0 height="18"><TBODY><TR><TD width=201 height=18>·<A href="http://itbbs.pconline.com.cn/traditional/showVote.jsp? topic=390802&forum=27&voteId=642" target=_blank>是时候给家里安装无线网络啦 </A></TD><TD width=177 height=18>·<A href="http://itbbs.pconline.com.cn/traditional/showVote.jsp? topic=391065&forum=26&voteId=645" target=_blank>RSS:会不会革IE的命? </A></TD></TR><TR><TD height=18>·<A href="http://itbbs.pconline.com.cn/traditional/article.jsp?topic=349368&forum=5%20" target=_blank>惨痛!AGP插槽烧了......</A></TD><TD height=18>·<A href="http://itbbs.pconline.com.cn/traditional/article.jsp? topic=389094&forum=26&voteId=0" target=_blank>PC 上演绎 MAC 神话 ! </A></TD></TR><TR><TD height=18>·<A href="http://itbbs.pconline.com.cn/traditional/article.jsp?topic=386963&forum=7" target=_blank>六种完美解决显示器问题方法</A> </TD><TD height=18><A href="http://itbbs.pconline.com.cn/traditional/article.jsp?topic=388737&forum=4" target=_blank>·Free仔靓卡损失惨重!多图</A></TD></TR></TBODY></TABLE> </div><div id="icefable2" style="position:absolute;z- index:1;visibility:hidden"></div></td></tr></table> <script> marqueesHeight=18; stopscroll=false; icefable1.scrollTop=0; with(icefable1){ style.width=0; style.height=marqueesHeight; style.overflowX="visible"; style.overflowY="hidden"; noWrap=true; onmouseover=new Function("stopscroll=true"); onmouseout=new Function("stopscroll=false"); } preTop=0; currentTop=0; stoptime=0; function init_srolltext(){ icefable2.innerHTML=""; icefable2.innerHTML+=icefable1.innerHTML; icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML; setInterval("scrollUp()",50); } function scrollUp(){ if(stopscroll==true) return; currentTop+=1; if(currentTop==19) { stoptime+=1; currentTop-=1; if(stoptime==50) { currentTop=0; stoptime=0; } } else { preTop=icefable1.scrollTop; icefable1.scrollTop+=1; if(preTop==icefable1.scrollTop){ icefable1.scrollTop=icefable2.offsetHeight-marqueesHeight; icefable1.scrollTop+=1; } } } init_srolltext(); </script> <BR><BR><BR> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
运行代码框<style type="text/css"> <!-- td{width:1%;height:1%;} a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { font-size: 14px; line-height: normal; font-weight: bolder; color: #ffff00; text-decoration: none; background-color: #006699; font-family:华文行楷; } a:active { text-decoration: none; } .style1 {font-size: 12px} .aa { color: #FFFFFF; background-color: #006699; filter: Alpha(Opacity=50); } .bb { color: #666666; background-color: #99CC33; } .style2 {color: #666666; background-color: #99CC33; font-size: 12px; } --> </style> <center> <table width="700" border="0" cellpadding="1" cellspacing="1" bgcolor="#006699"> <tr bgcolor="#FFFFFF"> <td width="240" onmouseover="this.className='aa'" onmouseout="this.className='bb'" class="bb"><a href="jianjie.htm" target="_blank" class="style1">要为成功找方法,不为失败找借口</a></td> <td width="453" onmouseover="this.className='aa'" onmouseout="this.className='bb'" class="bb">如果可能,我愿跟他换。。。 </td> </tr> <tr bgcolor="#FFFFFF"> <td class="style2" onmouseover="this.className='aa'" onmouseout="this.className='bb'">-----------我就是邪恶的分割线----- -----</td> <td class="style2" onmouseover="this.className='aa'" onmouseout="this.className='bb'"><a href="#">走过,路过,不要错过!</a></td> </tr> </table> <br><br><br> <a href="http://www.51js.coml">仍然拣尽寒枝不肯安歇 微带着后悔 寂寞沙洲我该思念谁</a> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
出处:蓝色理想 责任编辑:moby
上一页 下一页 文字链接技术基础 [2]
◎进入论坛网页制作、网站综合版块参加讨论
蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。
转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。
特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。