jQuery Litelight代码高亮插件


插件描述: 轻量级jQuery语法高亮代码高亮插件jQuery Litelighter,拥有两种主题颜色显示代码:light & dark, 并支持JS、HTML CSS 以及 PHP、SQL代码语法高亮显示,使用也非常简单,下面介绍使用方法:

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>

更多参数配置请查看官方文档。

注意:所有网页特效均为互联网上收集,若有侵权,请告知删除。

关键词: 代码语法高亮代码高亮显示代码高亮插件js代码高亮插件语法高亮插件jQuery Litel

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享