只要下載之後做以下步驟
1.引用Js
<script src='http://XXX.XXX.XXX/js/prettify.js' type='text/javascript'></script>
2.引用css
<link href='http://XXX.XXX.XXX/css/prettify.css' rel='stylesheet' type='text/css'/>
3.設定css,在style下設定
CODE,.code {display: block; /* fixes a strange ie margin bug */font-family: Courier New;font-size: 8pt;overflow:auto;background: #f0f0f0 url(http://XXX.XXX.XXX/image/BG_CODE.gif) left top repeat-y;border: 1px solid #ccc;padding: 10px 10px 10px 21px;max-height:200px;line-height: 1em;}
4.Body onload執行prettyPrint()
<body onload='prettyPrint()'>
5.在你須需要呈現程式碼前後使用以下TAG包起來就可以
<code class="prettyprint">
程式碼
</code>
搜尋
Blog或網頁上顯示程式語法Code
張貼者:
Godhelp
at
2009年10月14日 星期三
標籤: Css , Javascript , Web
0 意見:
張貼留言