<!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=utf-8" />
<title>无标题文档</title>
<mce:style type="text/css"><!--
div,ul {margin:0; padding:0;}
li {float:left; list-style:none}
img {border:0;}
#img_change {position:relative; width:450px; height:296px; background-color:#FC3; overflow:hidden; z-index:1;}
#img_list {position:absolute; top:0px; left:0px; width:1800px; height:296px;}
#img_backdiv {position:absolute;width:450px; height:70px; background-color:#000; bottom:0; z-index:1; filter:alpha(opacity=50);
-moz-opacity:0.5; opacity: 0.5;}
#img_btn {position:absolute;width:450px; height:70px; bottom:0; z-index:3;}
#img_btn li {margin-top:10px; margin-left:30px; border:#666 solid 2px; height:50px;}
#img_btn .imgchange { border:#FFF solid 2px;}
--></mce:style><style type="text/css" mce_bogus="1">div,ul {margin:0; padding:0;}
li {float:left; list-style:none}
img {border:0;}
#img_change {position:relative; width:450px; height:296px; background-color:#FC3; overflow:hidden; z-index:1;}
#img_list {position:absolute; top:0px; left:0px; width:1800px; height:296px;}
#img_backdiv {position:absolute;width:450px; height:70px; background-color:#000; bottom:0; z-index:1; filter:alpha(opacity=50);
-moz-opacity:0.5; opacity: 0.5;}
#img_btn {position:absolute;width:450px; height:70px; bottom:0; z-index:3;}
#img_btn li {margin-top:10px; margin-left:30px; border:#666 solid 2px; height:50px;}
#img_btn .imgchange { border:#FFF solid 2px;}</style>
<mce:script type="text/javascript"><!--
function $(id) { return document.getElementById(id); }
function className(){
var elemList = $('img_btn').getElementsByTagName('li'
1.首先下载SyntaxHighlighter.
2.解压到SyntaxHighlighter目录中.
3.建立HTML文件:
<pre name="code" class="Ruby">
...Ruby代码...
</pre>
可以应用在pre和textarea两种HTML标签内,name为code,class为要着色的语言,现在支持C, C#, CSS, Delphi, Java, JScript, Php, Pyth ......
