ubb转换函数演示

ubb代码对于经常上论坛的朋友来说是最熟悉不过了。这里我不多说了，关于怎么实现ubb转换，不了解的朋友请看这里正则表达式在ｕｂｂ论坛中的应用。

经典论坛的ubb转换我觉得是处理的非常好的，研究了一下它的转换结果[因为没有源码:)]，做了下面的演示。转换结果基本上觉得象了。

主要是针对[code][html]这两个标签的处理，其他的ubb标签还是一般的处理方法。

下面是分别用javascript和vbscript实现的演示。自己做论坛的朋友，如果想实现类似经典论坛的运行代码框可以看看这种转换。

欢迎大家输入尽量多格式的ubb进行测试，多多指出错误。

运行代码框
<style>.codesamp { padding-right: 0.5em; margin-top: 1em; padding-left: 0.5em; font-size: 8p; margin-bottom: 1em; padding-bottom: 0.5em; margin-left: 0pt; padding-top: 0.5em; font-family: "courier new"; background-color: #eeeeee;width: 480px;overflow:hidden;border: 1px solid #888888;}textarea {border-width: 1; border-color: #000000;font-size: 12px;font-family: "tahoma", "ms shell dlg";}</style><textarea name=phx cols=65 rows=12>[i][b][color=blue]blue[/color][/b][/i][<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>][color=red]test[/color][/<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>][<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>][code]test[/code][/<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>][code][<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>]test[/<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>][/code]</textarea><br><button onclick=show.inner<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>=ubbcode(phx.value,"<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>")>转换</button><br><div id=show style="border:1 solid skyblue;width=500;font-size: 12px;font-family: 'tahoma', 'ms shell dlg';"></div><script>stricons = "1" //允许笑脸转换strsmile="1" //同上imgname="em"picurl="pic/"function ubbcode(content,<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>){st=new date().gettime()content=content.replace(/\[(\/)?phx_code\]/ig,"{$1phx_code}");content=content.replace(/\[(\/)?phx_<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>\]/ig,"{$1phx_<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>}");content="[phx_code]"+content+"[/phx_code]"; content=content.replace(/(\[code\]([\s\s]+?)\[\/code\])/ig,"[/phx_code]$1[phx_code]");content=content.replace(/\[phx_code\]([\s\s]*?)\[\/phx_code\]/ig,function($1,$2){if(<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>=="<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>"){return(<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>code($2));}else{return(trans($2));}});content=content.replace(/\[code\](\r\n)?([\s\s]+?)\[\/code\]/ig,function($1,$2,$3){return("<pre class=codesamp>"+d<a href="/list/vb/index.html" title="vb" target="_blank"><acronym>vb</acronym></a>bs<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>an($3)+"</pre>")});content=content.replace(/\{(\/)?phx_code\}/ig,"[$1phx_code]");content=content.replace(/\{(\/)?phx_<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>\}/ig,"[$1phx_<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>]");alert('共耗时 '+eval(new date().gettime()-st)+' ms');return(content);}function <a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>code(content){ content="[phx_<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>]"+content+"[/phx_<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>]"; content=content.replace(/(\[<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>\]([\s\s]+?)\[\/<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>\])/ig,"[/phx_<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>]$1[phx_<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>]");content=content.replace(/\[phx_<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>\]([\s\s]*?)\[\/phx_<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>\]/ig,function($1,$2){return(trans($2))});content=content.replace(/\[<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>\]([\s\s]+?)\[\/<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>\]/ig,function($1,$2){return("<span><textarea cols=95 rows=12>"+hencode($2)+"</textarea><br><input onclick=runcode() type=button value=运行代码>[ctrl+a 全部选择提示：你可先修改部分代码，再按运行]</span>")});return(content);}function hencode(fstring){ //简单模拟server.<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>encode <a href="/list/asp/index.html" title="asp" target="_blank"><acronym>asp</acronym></a>中不用这个 fstring = fstring.replace(/&/ig,"&") fstring = fstring.replace(/>/ig,">") //> fstring = fstring.replace(/</ig,"<") //<return fstring;}function d<a href="/list/vb/index.html" title="vb" target="_blank"><acronym>vb</acronym></a>bs<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>an(fstring){if(fstring=="")return("");fstring=hencode(fstring) fstring = fstring.replace(/\t/ig,"   ") //tab fstring = fstring.replace(/"/ig,""") //" fstring = fstring.replace(/'/ig,"'") //' fstring = fstring.replace(/\r/ig,"") //回车是一个13+10 fstring = fstring.replace(/\n\n/ig,"<p>") // fstring = fstring.replace(/\n/ig,"<br>") //换行 fstring = fstring.replace(/\x20/ig," ") //空格 return(fstring);}function trans(strcontent){var re;strcontent=d<a href="/list/vb/index.html" title="vb" target="_blank"><acronym>vb</acronym></a>bs<a href="/list/html/index.html" title="html" target="_blank"><acronym>html</acronym></a>an(strcontent); re=/\[img\](.+?)\[\/img\]/ig; strcontent=strcontent.replace(re,"<a href=$1 target=_blank><img src=$1 border=0 alt=按此在新窗口浏览图片 onload=\"<a href="/list/javascript/index.html" title="javascript" target="_blank"><acronym>javascript</acronym></a>:if(this.width>screen.width-333)this.width=screen.width-333\" galleryimg=no></a>"); re=/\[dir=*([0-9]*),*([0-9]*)\](.*?)\[\/dir]/ig strcontent=strcontent.replace(re,"<object classid=clsid:166b1bca-3f9c-11cf-8075-444553540000 codebase=http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=7,0,2,0 width=$1 height=$2><param name=src value=$3><embed src=$3 pluginspage=http://www.macromedia.com/shockwave/download/ width=$1 height=$2></embed></object>") re=/\[qt=*([0-9]*),*([0-9]*)\](.*?)\[\/qt]/ig strcontent=strcontent.replace(re,"<embed src=$3 width=$1 height=$2 autoplay=true loop=false controller=true playeveryframe=false cache=false scale=tofit bgcolor=#000000 kioskmode=false targetcache=false pluginspage=http://www.apple.com/quicktime/>") re=/\[mp=*([0-9]*),*([0-9]*)\](.*?)\[\/mp]/ig strcontent=strcontent.replace(re,"<object align=middle classid=clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95 class=object id=mediaplayer width=$1 height=$2 ><param name=showstatusbar value=-1><param name=filename value=$3><embed type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#version=5,1,52,701 flename=mp src=$3 width=$1 height=$2></embed></object>") re=/\[rm=*([0-9]*),*([0-9]*)\](.*?)\[\/rm]/ig strcontent=strcontent.replace(re,"<object classid=clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa class=object id=raocx width=$1 height=$2><param name=src value=$3><param name=console value=clip1><param name=controls value=imagewindow><param name=autostart value=true></object><br><object classid=clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa height=32 id=video2 width=$1><param name=src value=$3><param name=autostart value=-1><param name=controls value=controlpanel><param name=console value=clip1></object>") re=/(\[<a href="/list/flash/index.html" title="flash" target="_blank"><acronym>flash</acronym></a>\])(.*?)(\[\/<a href="/list/flash/index.html" title="flash" target="_blank"><acronym>flash</acronym></a>\])/ig strcontent= strcontent.replace(re,"<object codebase=http://download.macromedia.com/pub/shockwave/cabs/<a href="/list/flash/index.html" title="flash" target="_blank"><acronym>flash</acronym></a>/sw<a href="/list/flash/index.html" title="flash" target="_blank"><acronym>flash</acronym></a>.cab#version=6,0,29,0 classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 width=500 height=400><param name=movie value=$2><param name=quality value=high><embed src=$2 quality=high pluginspage='http://www.macromedia.com/go/get<a href="/list/flash/index.html" title="flash" target="_blank"><acronym>flash</acronym></a>player' type='application/x-shockwave-<a href="/list/flash/index.html" title="flash" target="_blank"><acronym>flash</acronym></a>' width=500 height=400>$2</embed></object>") re=/(\[<a href="/list/flash/index.html" title="flash" target="_blank"><acronym>flash</acronym></a>=*([0-9]*),*([0-9]*)\])(.*?)(\[\/<a href="/list/flash/index.html" title="flash" target="_blank"><acronym>flash</acronym></a>\])/ig strcontent= strcontent.replace(re,"<a href=$4 target=_blank><img src="/files/bpic/2006-6/22/0662214014618896.gif" border=0 alt=点击开新窗口欣赏该<a href="/list/flash/index.html" title="flash" target="_blank"><acronym>flash</acronym></a>动画!> [全屏欣赏]</a><br><br><object codebase=http://download.macromedia.com/pub/shockwave/cabs/<a href="/list/flash/index.html" title="flash" target="_blank"><acronym>flash</acronym></a>/sw<a href="/list/flash/index.html" title="flash" target="_blank"><acronym>flash</acronym></a>.cab#version=6,0,29,0 classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 width=$2 height=$3><param name=movie value=$4><param name=quality value=high><param name=menu value=false><embed src=$4 quality=high menu=false pluginspage='http://www.macromedia.com/go/get<a href="/list/flash/index.html" title="flash" target="_blank"><acronym>flash</acronym></a>player' type='application/x-shockwave-<a href="/list/flash/index.html" title="flash" target="_blank"><acronym>flash</acronym></a>' width=$2 height=$3>$4</embed></object>") re=/(\[upload=gif\])(.*?)(\[\/upload\])/ig strcontent= strcontent.replace(re,"<br><img src="/files/bpic/2006-6/22/0662214014623074.gif" border=0>此主题相关图片如下：<br><a href=$2 target=_blank><img src=$2 border=0 alt=按此在新窗口浏览图片 onload=\"<a href="/list/javascript/index.html" title="javascript" target="_blank"><acronym>javascript</acronym></a>:if(this.width>screen.width-333)this.width=screen.width-333\"></a>") re=/(\[upload=jpg\])(.*?)(\[\/upload\])/ig strcontent= strcontent.replace(re,"<br><img src="/files/bpic/2006-6/22/0662214014694815.gif" border=0>此主题相关图片如下：<br><a href=$2 target=_blank><img src=$2 border=0 alt=按此在新窗口浏览图片 onload=\"<a href="/list/javascript/index.html" title="javascript" target="_blank"><acronym>javascript</acronym></a>:if(this.width>screen.width-333)this.width=screen.width-333\"></a>") re=/(\[upload=bmp\])(.*?)(\[\/upload\])/ig strcontent= strcontent.replace(re,"<br><img src="/files/bpic/2006-6/22/0662214014653032.gif" border=0>此主题相关图片如下：<br><a href=$2 target=_blank><img src=$2 border=0 alt=按此在新窗口浏览图片 onload=\"<a href="/list/javascript/index.html" title="javascript" target="_blank"><acronym>javascript</acronym></a>:if(this.width>screen.width-333)this.width=screen.width-333\"></a>") re=/(\[upload=(.[^\[]*)\])(.*?)(\[\/upload\])/ig strcontent= strcontent.replace(re,"<br><img src="/files/bpic/2006-6/22/0662214014634469.gif" border=0> <a href=$3>点击浏览该文件</a>") re=/(\[url\])(.*?)(\[\/url\])/ig strcontent= strcontent.replace(re,"<a href=$2 target=_blank>$2</a>") re=/(\[url=(.[^\[]*)\])(.*?)(\[\/url\])/ig strcontent= strcontent.replace(re,"<a href=$2 target=_blank>$3</a>") re=/(\[email\])(.*?)(\[\/email\])/ig strcontent= strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014610484.gif"><a href=\"mailto:$2\">$2</a>") re=/(\[email=(.[^\[]*)\])(.*?)(\[\/email\])/ig strcontent= strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014610484.gif"><a href=\"mailto:$2\" target=_blank>$3</a>") re =/^(http:\/\/[a-za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strcontent = strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014669540.gif"><a target=_blank href=$1>$1</a>") re =/(http:\/\/[a-za-z0-9\.\/=\?%\-&_~`@':+!]+)$/ig strcontent = strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014669540.gif"><a target=_blank href=$1>$1</a>") re =/[^>=""](http:\/\/[a-za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strcontent = strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014669540.gif"><a target=_blank href=$1>$1</a>") re =/^(ftp:\/\/[a-za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strcontent = strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014669540.gif"><a target=_blank href=$1>$1</a>") re =/(ftp:\/\/[a-za-z0-9\.\/=\?%\-&_~`@':+!]+)$/ig strcontent = strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014669540.gif"><a target=_blank href=$1>$1</a>") re =/[^>=""](ftp:\/\/[a-za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strcontent = strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014669540.gif"><a target=_blank href=$1>$1</a>") re =/^(rtsp:\/\/[a-za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strcontent = strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014669540.gif"><a target=_blank href=$1>$1</a>") re =/(rtsp:\/\/[a-za-z0-9\.\/=\?%\-&_~`@':+!]+)$/ig strcontent = strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014669540.gif"><a target=_blank href=$1>$1</a>") re =/[^>=""](rtsp:\/\/[a-za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strcontent = strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014669540.gif"><a target=_blank href=$1>$1</a>") re =/^(<a href="/list/mms/index.html" title="mms" target="_blank"><acronym>mms</acronym></a>:\/\/[a-za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strcontent = strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014669540.gif"><a target=_blank href=$1>$1</a>") re =/(<a href="/list/mms/index.html" title="mms" target="_blank"><acronym>mms</acronym></a>:\/\/[a-za-z0-9\.\/=\?%\-&_~`@':+!]+)$/ig strcontent = strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014669540.gif"><a target=_blank href=$1>$1</a>") re =/[^>=""](<a href="/list/mms/index.html" title="mms" target="_blank"><acronym>mms</acronym></a>:\/\/[a-za-z0-9\.\/=\?%\-&_~`@':+!]+)/ig strcontent = strcontent.replace(re,"<img align=absmiddle src="/files/bpic/2006-6/22/0662214014669540.gif"><a target=_blank href=$1>$1</a>") if(stricons == "1"){ //笑脸转换 re=/(\[em(.*?)\])/ig strcontent=strcontent.replace(re,"<img alt="ubb转换函数演示" src="/files/bpic/2006-6/22/0662214014761559.gif" border=0 align=middle>") } if(strsmile == "1"){ //笑脸转换 re=/(\[s(\d{1,2})\])/ig strcontent=strcontent.replace(re,"<img src="/files/bpic/2006-6/22/0662214014773673.gif" border=0 align=middle>") } re=/(\[color=(.[^\[]*)\])(.*?)(\[\/color\])/ig strcontent=strcontent.replace(re,"<font color=$2>$3</font>") re=/(\[face=(.[^\[]*)\])(.*?)(\[\/face\])/ig strcontent=strcontent.replace(re,"<font face=$2>$3</font>") re=/(\[align=(.[^\[]*)\])(.*?)(\[\/align\])/ig strcontent=strcontent.replace(re,"<div align=$2>$3</div>")//循环转换quote re=/(\[quote\])(.*?)(\[\/quote\])/ig while(strcontent.indexof("[quote]")>0 && strcontent.indexof("[/quote] ")>0){ strcontent=strcontent.replace(re,"<blockquote>引用:<hr><span>$2</span><hr></blockquote>") } re=/(\[fly\])(.*?)(\[\/fly\])/ig strcontent=strcontent.replace(re,"<marquee width=90% behavior=alternate scrollamount=3>$2</marquee>") re=/(\[move\])(.*?)(\[\/move\])/ig strcontent=strcontent.replace(re,"<marquee scrollamount=3>$2</marquee>") re=/\[glow=*([0-9]*),*(#*[a-z0-9]*),*([0-9]*)\](.*?)\[\/glow]/ig strcontent=strcontent.replace(re,"<table width=$1 style=\"filter:glow(color=$2, strength=$3)\">$4</table>") re=/\[shadow=*([0-9]*),*(#*[a-z0-9]*),*([0-9]*)\](.*?)\[\/shadow]/ig strcontent=strcontent.replace(re,"<table width=$1 style=\"filter:shadow(color=$2, strength=$3)\">$4</table>") re=/(\[i\])(.*?)(\[\/i\])/ig strcontent=strcontent.replace(re,"<i>$2</i>") re=/(\[u\])(.*?)(\[\/u\])/ig strcontent=strcontent.replace(re,"<u>$2</u>") re=/(\[b\])(.*?)(\[\/b\])/ig strcontent=strcontent.replace(re,"<b>$2</b>") re=/(\[size=1\])(.*?)(\[\/size\])/ig strcontent=strcontent.replace(re,"<font size=1>$2</font>") re=/(\[size=2\])(.*?)(\[\/size\])/ig strcontent=strcontent.replace(re,"<font size=2>$2</font>") re=/(\[size=3\])(.*?)(\[\/size\])/ig strcontent=strcontent.replace(re,"<font size=5>$2</font>") re=/(\[size=4\])(.*?)(\[\/size\])/ig strcontent=strcontent.replace(re,"<font size=6>$2</font>") re=/\[size=([+-]?[0-7])\](.*?)(\[\/size\])/ig strcontent=strcontent.replace(re,"<font size=$1>$2</font>") re=/(\[list\])(.+?)(\[\/list\])/ig; strcontent=strcontent.replace(re,"<ul type=square>$2<\/ul>"); re=/(\[list=)(a1)(\])(.+?)(\[\/list\])/ig; strcontent=strcontent.replace(re,"<ol type=$2>$4<\/ol>"); re=/(\[\*\])/ig; strcontent=strcontent.replace(re,"<li>"); re=/(\[center\])(.*?)(\[\/center\])/ig strcontent=strcontent.replace(re,"<center>$2</center>") re=/(\[table=(#*[a-z0-9]*),(#*[a-z0-9]*),(#*[a-z0-9]*)\])(.*?)(\[\/table\])/ig strcontent=strcontent.replace(re,"<table border=0 cellpadding=5 cellspacing=1 bgcolor=$2><tr><td bgcolor=$3><font color=$4>$5</font></td></tr></table>")return(strcontent);}</script><p> </p> <p><script type="text/javascript">ad2();</script></p> <h3><script type="text/javascript">shouchang();</script></h3> <br/> <h2> </h2> <div id="footer" align="center"> <ul> <li id="access"><a href="/more/about.html" target="_blank" title="关于丰搜">关于丰搜</a></li> <li><a href="/more/help.html" target="_blank" title="用户帮助">用户帮助</a></li> <li><a href="/more/link.html" target="_blank" title="友情连接">友情连接</a></li> <li><a href="/more/guestbook.html" target="_blank" title="意见留言">意见留言</a></li> <li><a href="/more/jubao.html" title="不良信息举报" target="_blank">不良信息举报</a></li> <li><a href="/more/noduty.html" title="免责声明" target="_blank">免责声明</a></li> </ul> </div><div id="contactDetails" align="center"> <ul> <li> Copyright © 2001- 2010 <a href="http://www.sosof.com" title="丰搜网">丰搜网</a> All Rights Reserved </li> <li><a href="http://www.miibeian.gov.cn/" target="_blank" title="ICP备案编号:粤ICP备06052964号">ICP备案编号:粤ICP备06052964号</a></li> <li><script language="javascript" type="text/javascript" src="/js/stat.js"></script></li> </ul> </div><div class="webstat"> </div></div><div id="rightContent"><br /> <h2><span class="highLight">关键字</span> 本文所属关键字</h2> <div class="sidePod" id="newsPod"> <ul> <li><a href="/list/html/index.html" title="html" target="_blank">html</a> <a href="/list/flash/index.html" title="flash" target="_blank">flash</a> <a href="/list/java/index.html" title="java" target="_blank">java</a> <a href="/list/javascript/index.html" title="javascript" target="_blank">javascript</a> <a href="/list/mms/index.html" title="mms" target="_blank">mms</a> <a href="/list/vb/index.html" title="vb" target="_blank">vb</a> </li> </ul> </div> <h2><span class="highLight">相关</span> 与本文相关文章</h2> <div class="sidePod"> <ul> <li><a href="../522/63852281658221.html" title="jsp中自定义标记符的使用" target="_blank">jsp中自定义标记符的使用</a></li><li><a href="../124/1411246620279.html" title="html 组件（html components）之二" target="_blank">html 组件（html c...</a></li><li><a href="../324/8733246612692.html" title="动态web页面的制作技巧" target="_blank">动态web页面的制作技巧</a></li><li><a href="../628/2056281615180.html" title="正确使用xhtml的冒险以及解决办法" target="_blank">正确使用xhtml的冒险以及...</a></li><li><a href="../628/3556281646436.html" title="html组件(html components)之七" target="_blank">html组件(html co...</a></li><li><a href="../442/3054428161253.html" title="深入透析样式表滤镜(上)" target="_blank">深入透析样式表滤镜(上)</a></li><li><a href="../324/6463246656007.html" title="css不朽的经典—3d文字特效" target="_blank">css不朽的经典—3d文字特...</a></li><li><a href="../224/9422246657865.html" title="认识dhtml中的“行为”组件" target="_blank">认识dhtml中的“行为”组...</a></li><li><a href="../624/825624660481.html" title="巧用css改变鼠标的样式" target="_blank">巧用css改变鼠标的样式</a></li><li><a href="../328/1143281610817.html" title="table动态改变颜色包括一个边框" target="_blank">table动态改变颜色包括一...</a></li><li><a href="../124/4601246619077.html" title="delphi”程序级触发器”功能的实现" target="_blank">delphi”程序级触发器”...</a></li><li><a href="../124/4461246623483.html" title="什么是tag？" target="_blank">什么是tag？</a></li><li><a href="../124/5351246650948.html" title="一个经典的符合web标准的flash插入法" target="_blank">一个经典的符合web标准的f...</a></li><li><a href="../424/2824246635867.html" title="学习网页制作之总结css十大技巧" target="_blank">学习网页制作之总结css十大...</a></li><li><a href="../224/2542246652655.html" title="实现网页渐入特殊效果" target="_blank">实现网页渐入特殊效果</a></li><li><a href="../472/37747281617044.html" title="轻松玩转花样表单" target="_blank">轻松玩转花样表单</a></li><li><a href="../624/1846246621009.html" title="头部属性全接触" target="_blank">头部属性全接触</a></li><li><a href="../542/47654281641973.html" title="html标签详解" target="_blank">html标签详解</a></li><li><a href="../246/802246657598.html" title="在网页上制作仿电视演职员表效果" target="_blank">在网页上制作仿电视演职员表效...</a></li><li><a href="../424/1174246618818.html" title="css手册简编：box属性" target="_blank">css手册简编：box属性</a></li> </ul> </div> <h2><span class="highLight">分类</span> 所有文章关键字导航</h2> <div class="sidePod"> <div> <h3>源码编程相关</h3> <img src="../../img/icons_ww.png" width="32" height="32" alt="" /> <p> <a href="/list/java/index.html" title="">Java</a> <a href="/list/asp/index.html" title="">Asp</a> <a href="/list/php/index.html" title="">PHP</a> <a href="/list/net/index.html" title="">.Net</a> <a href="/list/xml/index.html" title="">XML</a> <a href="/list/cc/index.html" title="">C/C++</a> <a href="/list/cgi/index.html" title="">CGI</a> <a href="/list/vb/index.html" title="">VB</a> <a href="/list/jsp/index.html" title="">Jsp</a> <a href="/list/j2ee/index.html" title="">J2ee</a> <a href="/list/j2se/index.html" title="">J2se</a> <a href="/list/j2me/index.html" title="">J2me</a> <a href="/list/ejb/index.html" title="">EJB</a> <a href="/list/servlet/index.html" title="">Servlet</a> <a href="/list/tomcat/index.html" title="">Tomcat</a> <a href="/list/resin/index.html" title="">Resin</a> <a href="/list/struts/index.html" title="">Struts</a> <a href="/list/weblogic/index.html" title="">Weblogic</a> <a href="/list/eclipse/index.html" title="">Eclipse</a> <a href="/list/ant/index.html" title="">ANT</a> <a href="/list/gui/index.html" title="">GUI</a> <a href="/list/jms/index.html" title="">JMS</a> <a href="/list/webserise/index.html" title="">Web servise</a> <a href="/list/idea/index.html" title="">IDEA</a> <a href="/list/webphere/index.html" title="">Webphere</a> <a href="/list/hibernate/index.html" title="">Hibernate</a> <a href="/list/spring/index.html" title="">Spring</a> <a href="/list/jboss/index.html" title="">Jboss</a> <a href="/list/applet/index.html" title="">Applet</a> <a href="/list/swing/index.html" title="">Swing</a> <a href="/list/socket/index.html" title="">Socket</a> <a href="/list/javamail/index.html" title="">Javamail</a> <a href="/list/perl/index.html" title="">Perl</a> <a href="/list/ajax/index.html" title="">Ajax</a> <a href="/list/p2p/index.html" title="">P2P</a> <a href="/list/anquan/index.html" title="">安全</a> <a href="/list/moshi/index.html" title="">模式</a> <a href="/list/kuangjia/index.html" title="">框架</a> <a href="/list/ceshi/index.html" title="">测试</a> <a href="/list/kaiyuan/index.html" title="">开源</a> <a href="/list/youxi/index.html" title="">游戏</a> </p> </div> <div> <h3>SQL数据库相关</h3><img src="../../img/icons_tq1.png" width="32" height="32" alt="" /> <p> <a href="/list/mysql/index.html" title="">My-SQL</a> <a href="/list/msql/index.html" title="">Ms-SQL</a> <a href="/list/access/index.html" title="">Access</a> <a href="/list/db2/index.html" title="">DB2</a> <a href="/list/oracle/index.html" title="">Oracle</a> <a href="/list/sybase/index.html" title="">Sybase</a> <a href="/list/sqlserver/index.html" title="">SQLserver</a> <a href="/list/suoyin/index.html" title="">索引</a> <a href="/listchunchuguocheng*/index.html" title="">存储过程</a> <a href="/list/jiami/index.html" title="">加密</a> <a href="/list/shujuku/index.html" title="">数据库</a> <a href="/list/fenye/index.html" title="">分页</a> <a href="/list/shitu/index.html" title="">视图</a> </p></div> <div> <h3>手机无线相关</h3><img src="../../img/icons_tv.png" width="32" height="32" alt="" /> <p> <a href="/list/3g/index.html" title="">3G</a> <a href="/list/wap/index.html" title="">Wap</a> <a href="/list/cdma/index.html" title="">CDMA</a> <a href="/list/gprs/index.html" title="">GRPS</a> <a href="/list/gsm/index.html" title="">GSM</a> <a href="/list/ivr/index.html" title="">IVR</a> <a href="/list/mms/index.html" title="">彩信</a> <a href="/list/sms/index.html" title="">短信</a> <a href="/list/wuxian/index.html" title="">无线</a> <a href="/list/zhengzhiyewu/index.html" title="">增值业务</a> </p></div> <div> <h3>网页设计制作相关</h3><img src="../../img/icons_pp.png" width="32" height="32" alt="" /> <p> <a href="/list/html/index.html" title="">HTML</a> <a href="/list/css/index.html" title="">CSS</a> <a href="/list/peise/index.html" title="">网页配色</a> <a href="/list/texiao/index.html" title="">网页特效</a> <a href="/list/javascript/index.html" title="">Javascript</a> <a href="/list/vbscript/index.html" title="">VBscript</a> <a href="/list/dreamweaver/index.html" title="">Dreamweaver</a> <a href="/list/frontpage/index.html" title="">Frontpage</a> <a href="/list/js/index.html" title="">JS</a> <a href="/list/web/index.html" title="">Web</a> <a href="/list/wangyesheji/index.html" title="">网站设计</a> </p> </div> <div> <h3>网站建设推广相关</h3><img src="../../img/icons_tq2.png" width="32" height="32" alt="" /> <p> <a href="/list/jianzhanjingyan/index.html" title="">建站经验</a> <a href="/list/wangzhanyouhua/index.html" title="">网站优化</a> <a href="/list/paiming/index.html" title="">网站排名</a> <a href="/list/tuiguang/index.html" title="">推广</a> <a href="/list/alexa/index.html" title="">Alexa</a> </p> </div> <div> <h3>操作系统/服务器相关</h3><img src="../../img/icons_tq3.png" width="32" height="32" alt="" /> <p> <a href="/list/windowsxp/index.html" title="">Windows XP</a> <a href="/list/windows2000/index.html" title="">Windows 2000</a> <a href="/list/windows2003/index.html" title="">Windows 2003</a> <a href="/list/windowsme/index.html" title="">Windows Me</a> <a href="/list/windows9.x/index.html" title="">Windows 9.x</a> <a href="/list/linux/index.html" title="">Linux</a> <a href="/list/unix/index.html" title="">UNIX</a> <a href="/list/zhuchebiao/index.html" title="">注册表</a> <a href="/list/os/index.html" title="">操作系统</a> <a href="/list/fuwuqi/index.html" title="">服务器</a> <a href="/list/yingyongfuwuqi/index.html" title="">应用服务器</a> </p> </div> <div> <h3>图形图像多媒体相关</h3> <img src="../../img/icons_mc.png" width="32" height="32" alt="" /> <p> <a href="/list/photoshop/index.html" title="">Photoshop</a> <a href="/list/fireworks/index.html" title="">Fireworks</a> <a href="/list/flash/index.html" title="">Flash</a> <a href="/list/coreldraw/index.html" title="">Coreldraw</a> <a href="/list/illustrator/index.html" title="">Illustrator</a> <a href="/list/freehand/index.html" title="">Freehand</a> <a href="/list/photoimpact/index.html" title="">Photoimpact</a> <a href="/list/duomeiti/index.html" title="">多媒体</a> <a href="/list/tuxingtuxiang/index.html" title="">图形图像</a> </p> </div> </div> <script type="text/javascript">gonggao();</script> <h2><span class="highLight">标准</span> 网站致力的规范</h2> <div style="height:35px"> <p><a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank"> <img src="../../img/w3ccss.bmp" alt="Valid CSS!" border="0" /></a></p> <p><a href="http://www.sosof.com" target="_blank"> <img src="../../img/contentok.gif" alt="无不良内容，无不良广告，无恶意代码" border="0"/></a></p> </div> <div style="height:35px"> <p> <a href="http://validator.w3.org/check?uri=referer" target="_blank"> <img src="../../img/w3cxhtml.bmp" alt="Valid XHTML 1.0 Transitional" border="0" /></a></p> <p><a href="http://www.creativecommons.cn/licenses/by-nc-sa/1.0/deed.zh" target="_blank"> <img src="../../img/somerights20.png" alt="creativecommons" border="0"/></a></p> </div> </div> </body> </html>

www.sosof.com

选择显示字体大小

ubb转换函数演示