建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > javascript学习 > jquery.snippet.min.js插件的用法

jquery.snippet.min.js插件的用法

时间:2015-02-09 19:58:15  来源:免费模板网 作者:风雪 阅读次数 tags插件

 在网站中要帖代码的时候,有时候没格式显得不好看,jquery提供了一个插件jquery.snippet.min.js解决了这问题。

Snippet 是一个免费的代码高亮插件,此插件是基于SHJS脚本开发的。它能让你快速简捷的往HTML页面中插入高亮显示的代码,默认支持C、C#、JS 等15种主流语言,经过自定义扩展后可支持更多的语言。除此之外,此插件还提供了39种不同的高亮样式。



那么这个插件怎么用呢?


首先在页面的 head 中引入 jQuery 框架和 Snippet 插件的相关 JS 和 CSS 文件

<script src="jquery.min.js"></script>
<script src="jquery.snippet.js"></script>
<link rel='stylesheet' href='jquery.snippet.css' />


然后把要高亮显示的代码放在 对应的id里面。 
<pre id="demo">
function test()
{
alert('site518.net');
}
</pre>


最后调用操作
$("#demo").snippet("javascript", { style: "random", collapse: true, startCollapsed: false});


本文地址:https://www.freemoban.com/javascript/2015/0209/468.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!