- 博客(15)
- 资源 (3)
- 收藏
- 关注
原创 picLazyLoad 图片延时加载,包含背景图片
1 /** 2 * picLazyLoad 图片延时加载,包含背景图片 3 * $(img).picLazyLoad({...}) 4 * data-original 预加载图片地址 5 * alon 6 */ 7 ;(function($){ 8 $.fn.imgLazyLoad = function(settings){ 9 var $...
2016-07-20 15:33:00
25
原创 日期时间
1 /** 2 * 日期时间 3 */ 4 $.fn.topbarTime = function(opt){ 5 this.each(function(){ 6 var $me = $(this); 7 var show = function(){ 8 var date = new Date(), 9 ...
2015-08-19 10:55:00
21
原创 百度地图 点击和标注拖拽后的经纬度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta name="viewport" content="initial-scale=...
2014-08-04 23:55:00
176
原创 Windows环境下使用Guard整合Compass和Livereload进行SASS的开发
配置运行环境Guard,Compass 和 Livereload 是 Ruby 的 Gem 套件,需要 Ruby 运行环境。另外还需要安装 Ruby 的扩展开发包 Development-Kit,以实现 Livereload 的功能和 SASS 的编译。最后需要 Bundler 用于打包 Gem 依赖。安装 Ruby下载并安装Rubyinstaller。安装过程中勾选相关设置,这样可...
2013-08-09 16:50:00
22
原创 【每日一练】时间轴
效果图: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 </di...
2013-05-30 16:56:00
18
原创 完美JQuery图片切换效果
效果:.scroll_view h3, #cnblogs_post_body .scroll_view li, .scroll_view ul { margin: 0; list-style: none }.scroll_view { margin: 0 auto; overflow: hidden; position: relative }#cnblogs_post_body ul.ph...
2013-05-10 15:29:00
20
原创 【每日一练】JQuery nav导航
效果图:js: 1 $.fn.extend({ 2 navHover:function(){ 3 var $me=$(this),//当前对象 4 $hoer=$("dt",$me), 5 _w=$("dd",$me).outerWidth(), 6 curr=$("dd",$me)...
2013-05-10 14:26:00
32
原创 邮件输入检索
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>&l...
2013-04-18 10:00:00
19
原创 css 圆角按钮
+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; lin...
2011-08-11 10:02:00
35
原创 opera,谷歌兼容样式
@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:nt...
2011-07-28 11:22:00
17
原创 点击弹出浮动层(自动适应居中) 兼容 ie6+,FF,Opera,谷歌
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h...
2011-05-01 04:35:00
26
原创 IE6中使用position 页面变形解决方案
IE6中使用position导致页面变形,影响用户体验,如图所示:解决方案:1.缩放窗体时先得到内容左边的空白宽度。$("#nav").offset().left; 得到内容区左边的空白宽度。2.得到整个窗体的宽度(注意:桌面分辨率为基准,少了加上来)。3.用桌面分辨率的宽度-页面内容区的宽度/2,就可以得到一边多余的宽度。4.如果得到的值跟$("#nav").offset()....
2011-01-06 11:39:00
24
原创 图片动态边框
鼠标指向图片时,图片动态加载边框效果如下效果:.bdctrl ul li { position: relative; background-color: rgba(255, 79, 0, 1); width: 138px; display: inline; float: left; height: 82px }.bdctrl ul li a { clip: rect(0, 138px, 8...
2010-12-07 15:45:00
17
原创 判断页面使用浏览器版本
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> function fun(){ var Sys = {}; var ua = navigator.userAgent.toLowerCase(); if (win
2010-05-26 09:57:00
227
原创 播放器
PlayClass类 using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebCon
2008-10-13 10:37:00
245
带字母的验证码.rar
2008-10-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人