那些年,哥私藏的源代码

1.英文截断

 p{height: 24px;overflow: hidden;width: 100%;word-wrap:break-word;word-break:break-all;}


2.css reset

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, code, del, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; border:0; outline:0; font-size: 100%; vertical-align: baseline; }
table { border-collapse:collapse; border-spacing:0px; }
ol, ul {list-style:none;}
th,td{vertical-align:middle;}

3.clearfix 清除浮动

.clearfix:after{content:'.';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}

4.body default

body {margin:0px auto; font-family:"宋体",Arial,Helvetica,sans-serif; font-size:12px;background:#f0f1f1;}
html,html body{_background-image:url(about:blank);_background-attachment:fixed;}

5.a样式

a{ text-decoration:none; color:#333333; }
a:hover{color:#E53434 !important; text-decoration:underline;}
a:hover img{text-decoration:none;}

6.来个css整套的(www.meilele.com 版权所有)

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, code, del, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; border:0; outline:0; font-size: 100%; vertical-align: baseline; }
table { border-collapse:collapse; border-spacing:0px; }
ol, ul {list-style:none;}
th,td{vertical-align:middle;}
/*common*/
.Left { float:left; }
.Right { float:right; }
.r{text-align:right!important;}
.c{text-align:center!important;}
.l{text-align:left!important;}
a{ text-decoration:none; color:#333333; }
.red, a.red { color:#e53434; }
.gray, a.gray { color:#787878; }
.orange, a.orange { color:#F60; }
.black, a.black { color:#333; }
.white,a.white{ color:#FFF;}
.scarlet,a.scarlet{ color:#E53434;}
a:hover{color:#E53434 !important; text-decoration:underline;}
a:hover img{text-decoration:none;}
.none{ display:none;}
.clearfix:after{content:'.';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
.clear{clear:both }
.center{text-align:center;}
.w{width:980px; margin-left:auto;margin-right:auto;}
.height5 { height:5px; line-height:1px; }
.height10 { height:10px; line-height:1px; }
.height15 { height:15px; }
.height20 { height:20px; }
.height25 { height:25px; }
.height30 { height:30px; }
.height40 { height:40px; }
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mb10{margin-bottom:10px;}
.mt20{margin-top:20px;}
.inline_block { display:inline-block; }
.bold { font-weight:bold; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.fline { text-decoration:line-through }
.uline{ text-decoration:underline;}
.yen{font-family:Arial;}
.pointer { cursor:pointer; }
.MLL_lazy{ border:none; color:#FFF; background:url(../zxwimg20121022/ajax-loader.gif) center center no-repeat; overflow:hidden; border:1px solid #999; padding:0px; line-height:1px; font-size:1px;}
.indent{ text-indent:-9999px; overflow:hidden;}
.w970{width:970px; margin-left:auto;margin-right:auto;}
img{background:#eee;overflow:hidden;vertical-align:top;}
.yahei{font-family: 'Microsoft YaHei',微软雅黑}

body {margin:0px auto; font-family:"宋体",Arial,Helvetica,sans-serif; font-size:12px;background:#f0f1f1;}
html,html body{_background-image:url(about:blank);_background-attachment:fixed;}


7.操作cookie

/**
	* 设置cookie
	* @param {string} name key
	* @param {string} value value
	* @param {string/number} Days 有效期,或者'session'
	* @param {string} domain 作用域。默认meilele.com
	*/
	setCookie : function (name, value, Days, domain ,path) {
		Days = Days || 360;
		path = path || '/';
		domain = domain?";domain="+domain:";domain=meilele.com";
		var expDay = new Date();
		expDay.setTime(expDay.getTime() + parseInt(Days) * 24 * 60 * 60 * 1000);
		document.cookie = name + "=" + encodeURIComponent(value) + (Days == "session" ? "" : ";expires=" + expDay.toGMTString()) + domain + ";path="+path;
	},
	/*
	 * 获取cookie
	 * @param {string} name key
	 * @return {string} cookie值
	*/
	getCookie : function (name) {
		var cookieValue;
		if (document.cookie && document.cookie != '') {
			var cookies = document.cookie.split(';');
			var cookieLength = cookies.length;
			for (var i = 0; i < cookieLength; i++) {
				var cookie = cookies[i].replace(/(^\s*)|(\s*$)/g, "");
				if (cookie.substring(0, name.length + 1) == (name + '=')) {
					cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
					break;
				}
			}
		}
		return cookieValue;
	},

8,设置为首页,加入收藏

/*
	 * @设为首页
	*/
	setHome : function(){
		var url = window.location.href;
		try {
			obj.style.behavior = 'url(#default#homepage)';
			obj.setHomePage(url);
		}catch(e) {
			if (window.netscape) {
				try {
					netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
				}catch(e) {
					alert("此操作被浏览器拒绝!\n请在浏览器地址栏输入“about:config”并回车\n然后将 [signed.applets.codebase_principal_support]的值设置为'true',双击即可。");
				}
				var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
				prefs.setCharPref('browser.startup.homepage', url);
			}
		}
	},
	/*
	 * @加入收藏
	*/
	addFavorites : function(){
		var sURL=window.location.href;
		var sTitle=document.title;
		try{
				window.external.addFavorite(sURL,sTitle);
		}catch(e){
			try{
				window.sidebar.addPanel(sTitle,sURL,"");
			}catch(e){
				alert("加入收藏失败,请使用Ctrl+D进行添加");
			}
		}
	},


9.将json格式数据转为字符串

//将json格式数据转化为字符串
	jsonToString: function( json ) {
		var strTemp = [];
		if ( typeof json != "object" ) {
			return;
		}
		for ( var k in json ) {
			strTemp.push( '\"' + k + '\":' + '\"' + json[k] + '\"' );
		}

		return "{" + strTemp.join(",") + "}";
	},

10.设置透明度

	/*
	 * @设置透明度
	 * @param: target {objext} 目标对象
	 * @param: value {number} 透明度值
	*/
	setOpacity : function( target, value ){
		if( document.documentElement.filters ){
			target.style.filter = "alpha(opacity="+value+")";
		}else{
			target.style.opacity = value/100;
		}
	},

11.元素距离顶部偏移量

	offsetTop:function (obj) {
		var offsetParent = obj;
		if(!obj)return 0;
		var top = 0;
		while (offsetParent != null && offsetParent != document.body) {
			top += offsetParent.offsetTop;
			offsetParent = offsetParent.offsetParent;
		}
		return top;
	},


12.取消事件默认行为

if ( e && e.preventDefault ){ 
					e.preventDefault();

				} else { 
					window.event.returnValue = false;
				} 


13.阻止事件冒泡

    

      function stopPP(e)

      {

           var evt = e|| window.event;

           //IE用cancelBubble=true来阻止而FF下需要用stopPropagation方法

           evt.stopPropagation ?evt.stopPropagation() : (evt.cancelBubble=true);

      }



14.clearfix

/*clearfix*/
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}

.clearfix:after {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	*zoom:1;
}

15.img hover

/*img hover*/
img:hover {
	opacity: 0.85;
}
img {
	-ms-interpolation-mode: bicubic;/*ie7 专用,消除图片锯齿*/
	-webkit-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
}

16,jquery 同步控制

$.ajaxSetup({ 
    async : false 
});    
$.ajaxSetup({ 
   async : true 
 });   


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值