ribbon Compas

jQuery

write less, do more

点击查看api详情
Infinity-Loop

avalon

简单易用迷你的MVVM框架

点击查看api详情
Pensils

CSS

Cascading Stylesheet

css手册
Pensils

API

Application Programming Interface

API中文手册汇总
如何提高WordPress访问速度前台不加载多语言包

2012年12月23日  wordpress教程,前端资源   

宽带紧张的同学提高宽带速度不现实我们可以尽量禁用WordPress不必要的功能来提高WordPress访问速度,这里我们禁用多语言包达到提速目的,通过修改 wp-config.php 文件来阻止 WordPress 在前台加载语言包。 先打开打开 wp-config.php 文件, 把require_once(ABSPATH . 'wp-settings.php');改成下面的代码: [code]if(WP_ADMIN === true) { define ('WPLANG', 'zh_CN'); } else { define ('WPLANG', 'xxxxxxxxx'); } require_once(ABSPATH . 'wp-settings.php');[/code] 这个方法原理是通过改变 WPLANG 常量使 WordPress 不能正确加载语言包从而提高运行速度。通过测试,去除语言包后,WordPress 运行速度可以提高 0.3~0.5s 左右不知道是不是心里作用~汗!。

个性jquery 飘云 浮云效果

2012年12月22日  前端资源,学习jquery基础   

想拥有一个个性的博客免不了添加一些有个性的效果,jquery飘云浮云效果个人觉得还不错,现在放出来一起共享学习。 1,加载jquery库。 2,加载yun.js文件。 3,html代码部分: [code]<body> <div id="clouds"> 内容 </div> </body>[/code] 4,样式代码部分: [code]#clouds { background:url('图片路径') repeat-x scroll 0 0 transparent; width:100%; }[/code] 效果跟本站顶部的一样。

有个性的jquery导航效果

2012年12月22日  前端资源,学习jquery基础   

有个性的jquery水平滑动导航效果,效果跟本站首页导航一样。 1,加载jquery库。 2,加载jquery-ui.min.js和jquery.spasticNav.js文件。 3,HTML代码部分: [code]<ul id="menu"> <li id="menu-item-402"><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Blog</a></li> <li><a href="#">More About My Portfolio</a></li> <li><a href="#">Contact</a></li> </ul>[/code] 4,最后加载 [code]<script type="text/javascript"> $('#menu').spasticNav(); </script>[/code] 5,样式代码: [code]ul, li { margin: 0; padding: 0; } #blob ...

表格table隔行换色以及点击整行变色

2012年12月22日  css基础教程,前端资源   

表格table隔行换色以及点击整行变色这个是很实用的表格效果 效果如图: javascript代码部分: [code]<script language="javascript"><!-- function senfe(o,a,b,c,d){ var t=document.getElementById(o).getElementsByTagName("tr"); for(var i=0;i<t.length;i++){ t[i].style.backgroundColor=(t[i].sectionRowIndex%2==0)?a:b; t[i].onclick=function(){ if(this.x!="1"){ this.x="1"; this.style.backgroundColor=d; }else{ this.x="0"; this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b; } } t[i].onmouseover=function(){ if(this.x!="1")this.style.backgroundColor=c; } t[i].onmouseout=function(){ if(this.x!="1")this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b; } ...

文本包围图片效果

2012年12月21日  css基础教程,前端资源   

文字包围环绕图片效果,这样效果的文章看起来舒服图文说明很人性化。 点此运行效果 点此运行效果