隐藏

laycode

发布:2014/7/25 16:37:46作者:管理员 来源:本站 浏览次数:1384

laycode是一款轻量级的网页代码修饰器,她通常服务于程序员的技术分享,可方便地让您的演示代码得到更美地展示。js源代码只有1KB,这种超小的体积赋予了她丰富的想象,她拥有完善的皮肤体系,灵活而易拓展,您当然可以按照您的色系爱好自由配套。她兼容了包括ie6在内的所有浏览器。已有5542人次关注laycode。

立即下载LayCode下载次数:357 大小:2.01KB 最新版本:1.1(2014-6-12更新)

如何使用她

由于laycode是基于jQuery,因此如果您的博客允许的话,您可无缝去使用她。下载后,把laycode整个文件放入你站点任意目录,只需引入laycode.js即可。然后按照如下方式去使用:

HTML结构:<pre class="code">your code</pre>
JS调用:$('.code').laycode();
	
  1. 1
  2. 2
  3. 3
代码laycode - v1.1
成功修饰 →_→

丰富的皮肤选择

假设下面是您博客需要展现的一些php代码,您总是会嫌弃它的风格略丑不是吗,你喜欢doc黑?你喜欢notepad++风格?你喜欢sublime style?无论您喜欢什么,您都可以轻松去定制

$uname = php_uname("n");
if (in_array($uname, array('AY13101722485520355cZ'))) {
    define('ENVIRONMENT', 'production');
} else if (in_array($uname, array('pmsuntekiMacBook-Pro.local'))) {
    define('ENVIRONMENT', 'localhost');
} else {
define('ENVIRONMENT', 'localhost');
    //define('ENVIRONMENT', 'development');
}
	
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
phplaycode - v1.1
Notepad经典深棕 淡雅青 doc黑 优雅青 灰中黑 翡翠绿 默认

基础参数

laycode允许您传入以下key

{
    height: 'auto', //高度
    title: '代码', //标题
    skin: 0, //皮肤
    by: true //是否显示组件名
}

//如:
$('.codes').laycode({
    title: '我的代码'
    height: '200px'
});
	
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
参数说明laycode - v1.1