摘要：
1 /** 2 * picLazyLoad 图片延时加载，包含背景图片 3 * $(img).picLazyLoad({...}) 4 * data-original 预加载图片地址 5 * alon 6 */ 7 ;(function($){ 8 $.fn.imgLazyLoad = function(settings){ 9 var $t... 阅读全文
摘要：
1 /** 2 * 日期时间 3 */ 4 $.fn.topbarTime = function(opt){ 5 this.each(function(){ 6 var $me = $(this); 7 var show = function(){ 8 ... 阅读全文
摘要：
Hello, World 原文：http://blog.csdn.net/lybwwp/article/details/8127475 阅读全文
摘要：
配置运行环境Guard，Compass 和 Livereload 是 Ruby 的 Gem 套件，需要 Ruby 运行环境。另外还需要安装 Ruby 的扩展开发包 Development-Kit，以实现 Livereload 的功能和 SASS 的编译。最后需要 Bundler 用于打包 Gem 依赖。安装 Ruby下载并安装Rubyinstaller。安装过程中勾选相关设置，这样可以直接通过cmd命令行操作（不必手动添加Path）。安装完成后，在 CMD 窗口运行ruby --version，若安装成功会显示 Ruby 版本信息。安装 Development-Kit下载Development 阅读全文
摘要：
效果图：HTML： 1 <div class="main_panel"> 2 <div class="timeline_cat head"> 3 <span class="tit">Start</span> 4 <span class="tit_arr"></span> 5 </div> 6 <div class="timeline_cat separate"> 7 <span class=&q 阅读全文
摘要：
效果： 图片效果1 图片效果2 图片效果3 图片效果4css: 1 body { font-family:"Microsoft Yahei"; } 2 body,ul,li,img,h3,dl,dd,dt,h1{margin:0px;padding:0px;list-style:none;} 3 img{vertical-align: top;} 4 /***大图切换***/ 5 .scroll_view{margin: 0px auto;overflow:hidden;position: relative;} 6 .photo_view li{position:absol 阅读全文
摘要：
效果图：js: 1 $.fn.extend({ 2 navHover:function(){ 3 var $me=$(this),//当前对象 4 $hoer=$("dt",$me), 5 _w=$("dd",$me).outerWidth(), 6 curr=$("dd",$me).index($me.find("dd.curr"));//得到当前选中位置的索引 7 $("dd",$me).bind("mouseenter",function(){ 8 ... 阅读全文
摘要：
js: 1 $.fn.mail_input=function(options){ 2 return this.each(function(){ 3 var $me=$(this); 4 var _menu=$("<div class='drop-menu'><p>请选择您的邮箱类型...</p></div>") 5 var mail_list=["@qq.com","@163.com","@126.com","@sina.com.cn&quo 阅读全文
摘要：
+6<em style="margin: 7px 1px 0 0; background-color: #fe6600; color: #ffffff; display: inline-block; font-family: Tahoma; font-size: 12px; font-style: normal; font-weight: bold; height: 13px; line-height: 12px; padding: 1px 0;"><b style="background-color: #fe6600; display: inl 阅读全文
摘要：
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){head~body .tabs { top:6px;}}/*opera*/@media screen and (-webkit-min-device-pixel-ratio:0){body:nth-of-type(1) .tabs{ top:4px;}} /*chrome与Safari*/ 阅读全文