jQuery Litelight代码高亮插件
轻量级jQuery语法高亮代码高亮插件jQuery Litelighter,拥有两种主题颜色显示代码:light & dark,并支持JS、HTML CSS 以及 PHP、SQL代码语法高亮显示,使用也非常简单,下面介绍使用方法:
2.HTML内容
3.函数调用
1.加载jQuery和插件
<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script><script type="text/javascript" src="js/jquery-litelighter.js"></script><script type="text/javascript" src="js/jquery-litelighter-extra.js"></script>
2.HTML内容
<pre class="code" data-lllanguage="js">$.litelighter.styles.mystyle = {code: 'background-color:#141414;color:#ffffff;',comment: 'color:#999;',string: 'color:#8F9657;',number: 'color:#CF6745;',keyword: 'color:#6F87A8;',operators: 'color:#9e771e;'};</pre>
3.函数调用
<script type="text/javascript">$(document).ready(function(){$('pre').litelighter({style: 'light',});});</script>更多参数配置请查看官方文档。
0条评论