laycode

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

如何使用她

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

HTML结构：<pre class="code">your code</pre>
JS调用：$('.code').laycode();
	

		
		

			1
		

		

			2
		

		

			3
		

	

丰富的皮肤选择

假设下面是您博客需要展现的一些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
		

		

			2
		

		

			3
		

		

			4
		

		

			5
		

		

			6
		

		

			7
		

		

			8
		

		

			9
		

		

			10
		

	

基础参数

laycode允许您传入以下key

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

//如：
$('.codes').laycode({
    title: '我的代码'
    height: '200px'
});
	

		
		

			1
		

		

			2
		

		

			3
		

		

			4
		

		

			5
		

		

			6
		

		

			7
		

		

			8
		

		

			9
		

		

			10
		

		

			11
		

		

			12
		

		

			13
		

	

Layui - on the way.

• 杭州女生学html5难学吗_js/jQuery
• 小程序属于网页吗_vue
• 以前搜索过的网页现在怎么能找到_js/jQuery
• 动态扩展组件是什么_vue
• 12位AD转换器有哪些_js/jQuery
• vue中name和areas的用法_vue
• 西安动物园门票预约官网_vue
• 怎么把照片合成小视频_vue
• 现在做前端是不是一定要会开发小程序啊_vue
• 录制视频用的什么录音软件_vue
• vue中的log是什么意思_vue
• iphone11延时摄影怎么调速度_vue
• vue是开发语言吗_vue
• jquery大小写区别_js/jQuery
• vue和flutter哪个值得学习_vue
• 比如我某个时间要做什么记录下来_js/jQuery
• JS插件如何使用_js/jQuery
• data对象的属性和方法_vue
• 如何做地图定位_js/jQuery
• 什么叫语义库_js/jQuery