前端之路 » html http://www.simcn.com 网站开发, 前端开发, 高性能前端开发 Thu, 03 Nov 2011 02:08:49 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 直接使用网页进行打印 http://www.simcn.com/web-print_js-print_css-print http://www.simcn.com/web-print_js-print_css-print#comments Tue, 14 Sep 2010 08:03:53 +0000 admin http://www.simcn.com/?p=311 网页打印内容有很多便利的地方，而且不需要安装其他软件

会打印机页眉与页脚并且在有些在程序中不好去掉.

<!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" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>

	<style type="text/css" media="print">
		*{margin:0; padding:0;}
		p{ background-color:#333; color:#fff; margin:1mm;}
		.page-break-after{page-break-after : always}
		button{display:none;}
	</style>
	<script type="text/javascript">
	function webprint(){
		window.print();
	}
	</script>
</head>
<body>
	<p>1</p>
	<div class="page-break-after">&nbsp;</div>
	<p>2</p>
	<div class="page-break-after">&nbsp;</div>
	<p>3</p>
	<button onclick="webprint()">print</button>

</body>
</html>
]]> http://www.simcn.com/web-print_js-print_css-print/feed 0 用a模拟submit按钮事件 http://www.simcn.com/a_submit_event http://www.simcn.com/a_submit_event#comments Thu, 02 Sep 2010 08:47:53 +0000 admin http://www.simcn.com/?p=306 优点：样式可控制性强，可以加不同的状态，兼容ie6. 可扩展性好

缺点: 需要增加js，如果禁用ＪＳ可能不能使用.  需要多增加一个a标签。






提交提交

如果直接隐藏在from 中有多个表单无件时无效，求解 


.btn_a_submit{ position:absolute; left:-1000px; top:0px;}
]]> http://www.simcn.com/a_submit_event/feed 0 通过script标签增加JS http://www.simcn.com/script_src_add_script_js http://www.simcn.com/script_src_add_script_js#comments Sun, 21 Feb 2010 10:48:21 +0000 admin http://www.simcn.com/?p=253 工作需要在前端的代码通过xxx.js?m=m&x=x 的方法来通过js加载JS文件。

JS:

//MS闭包，不让代码互相影响，我也用的不多
(function(){

	var simcn = {
		src:[],
		init:function(){
			var __g = document.getElementById('simcnworkframe');
			this.srcUrl(__g.src);
		},
		run:function(){
			this.init();
			var head = document.getElementsByTagName('head')[0];
			var j=0;
			for(i in this.src){
				var t = document.createElement('script');
				t.src = this.src[i] + '.js' ;
				t.id  = "simc_" + this.src[i];
				head.appendChild(t);
			}
		},
		srcUrl:function(_u){
			var jl = _u.split('.js?')[1].split('&');
			for(i in jl){
				this.src.push(jl[i].split('=')[1]);
			}
		}
	};	

	simcn.run();

})()

//m.js
alert('m.js')

//c.js
alert('c.js')

//v.js
alert('v.js')
]]> http://www.simcn.com/script_src_add_script_js/feed 0 今天写的一个练习的js类模式 http://www.simcn.com/oo-javascript http://www.simcn.com/oo-javascript#comments Wed, 10 Jun 2009 11:36:30 +0000 admin http://www.simcn.com/2009/06/%e4%bb%8a%e5%a4%a9%e5%86%99%e7%9a%84%e4%b8%80%e4%b8%aa%e7%bb%83%e4%b9%a0%e7%9a%84js%e7%b1%bb%e6%a8%a1%e5%bc%8f/ 0){ percent=Math.ceil(percent); }else{ percent=Math.floor(percent); } this.byID(id).style.top=parseInt(this.byID(id).style.top)+percent+"px"; this.lastScrollY=this.lastScrollY+percent; return id; }, generate : function(){ }, start : function(id){ window.setInterval("hp.init(’"+id+"’)",1); } }; #hp.start(’lovexin1′);]]> suspendcode="
’关闭对联广告’
" document.write(suspendcode); var hp = { lastScrollY : 0, byID : function(_id){ return document.getElementById(_id);}, init : function(id){ var st = document.documentElement.scrollTop || document.body.scrollTop; percent=.1*(st-this.lastScrollY); if(percent>0){ percent=Math.ceil(percent); }else{ percent=Math.floor(percent); } this.byID(id).style.top=parseInt(this.byID(id).style.top)+percent+"px"; this.lastScrollY=this.lastScrollY+percent; return id; }, generate : function(){ }, start : function(id){ window.setInterval("hp.init(’"+id+"’)",1); } }; #hp.start(’lovexin1′); ]]> http://www.simcn.com/oo-javascript/feed 0 让ul与li水平居中，常用于页面居中导航 http://www.simcn.com/%e8%ae%a9ul%e4%b8%8eli%e6%b0%b4%e5%b9%b3%e5%b1%85%e4%b8%ad%ef%bc%8c%e5%b8%b8%e7%94%a8%e4%ba%8e%e9%a1%b5%e9%9d%a2%e5%b1%85%e4%b8%ad%e5%af%bc%e8%88%aa http://www.simcn.com/%e8%ae%a9ul%e4%b8%8eli%e6%b0%b4%e5%b9%b3%e5%b1%85%e4%b8%ad%ef%bc%8c%e5%b8%b8%e7%94%a8%e4%ba%8e%e9%a1%b5%e9%9d%a2%e5%b1%85%e4%b8%ad%e5%af%bc%e8%88%aa#comments Tue, 14 Oct 2008 03:53:54 +0000 admin http://www.simcn.com/?p=7 <html xmlns=”http://www.w3.org/1999/xhtml“>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>无标题文档-SH!</title>
<style>
ul,li{
margin:0;
padding:0;
list-style:none;
}
#area{
width:100%;
height:80px;
background-color:#eee;
text-align:center;
overflow:hidden;
}
#area ul{
float:left;
position:relative;
left:50%;
}
#area ul li{
float:left;
margin:10px;
padding:0 10px;
position:relative;
right:50%;
line-height:60px;
border:solid 1px #000;
}
</style>
</head>
<body>
<h1>跨浏览器实现float:center</h1>
<div id=”area”>
<ul >
<li>列表一,我是浮动的</li>
<li>列表二</li>
<li>列表三</li>
<li>这里可能是N</li>
</ul>
</div>
</body>
</html>

]]> http://www.simcn.com/%e8%ae%a9ul%e4%b8%8eli%e6%b0%b4%e5%b9%b3%e5%b1%85%e4%b8%ad%ef%bc%8c%e5%b8%b8%e7%94%a8%e4%ba%8e%e9%a1%b5%e9%9d%a2%e5%b1%85%e4%b8%ad%e5%af%bc%e8%88%aa/feed 0