有些人一直没机会见,等有机会见了,却又犹豫了,相见不如不见。
有些事一直没机会做,等有机会了,却不想再做了。
有些话埋藏在心中好久,没机会说,等有机会说的时候,却说不出口了。
有些爱一[……]
起床后,打开窗户呼吸新鲜迎接新的一天。
美美的睡了个好觉,起床来懒懒的不想动,舒展一会,感觉不像是清晨起床,忽然间想打开窗户,打开窗户来,清晨那美好的气息随着舒服的朝气吹进来,感觉无比的舒服,久违了的一种感觉。伏在窗台向下望,楼下老师的父母[……]
最大高度max-height最小高度min-height兼容各浏览器
一个项目中要有这么一个效果:列表默认有一个高度,当超出高度时就出现滚动条.这很简单只需要:给容器的div定义一个高度,然后overflow: auto;
但是这并不是他想要的,还有另外的要求:当列表中的内容没有超出这个高度的时候,它只占有它自身的高度,举个例子:整个列表的最大高度是二行,当内容只有一行时它只显示一行的高度,二行的时候显示两行,当超过二行时就出现滚动条了.
[……]
从分享看自己的快乐。
今日理发的时候,突然感觉自己很想跟人分享一下自己又理发了.
突然发现这些年来,我这个自我封闭惯了的人,唯有理发这件事是我很愿意对别人分享的自己的变化。
理发中无聊,就在想,原因,想的出,我是一个不是经常理发的人,每次理发理发师都会问我多长时间没理发了. 其实是我头发长的快了,不就是40天没理发吗?
原来每次理发都是我唯一发现自己又长大了一点,我的过去时又增加了N天,时间又在不知不觉中过了一段,在无谓的憧憬未来中,来到了那个曾经憧憬的未来时。
[……]
js动态打开层及关闭层超酷特效
<!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 http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DOM_text01</title>
<style type="text/css">
body,span,div,td{font-size:12px;line-height:1.5em;color:#849BCA;}
#bodyL{
float:left;
width:84px;
margin-right:2px;
}
a.od{
width:80px;
height:25px;
line-height:25px;
text-align:center;
font-weight:bold;
border: 2px solid #849BCA;
display:block;
color:#547BC9;
float:left;
text-decoration:none;
margin-top:2px;
}
a.od:link{
background:#EEF1F8;
}
a.od:visited{
background:#EEF1F8;
}
a.od:hover{
background:#EEE;
}
a.od:active{
background:#EEE;
}
#fd{
width:500px;
height:200px;
background:#EDF1F8;
border: 2px solid #849BCA;
margin-top:2px;
margin-left:2px;
float:left;
overflow:hidden;
position:absolute;
left:0px;
top:0px;
cursor:move;
float:left;
/*filter:alpha(opacity=50);*/
}
.content{
padding:10px;
}
</style>
</head>
<body>
<div id="bodyL">
<a href="#" class="od" onclick = "show(‘fd’);return false;">
[打开层]
</a>
<a href="#" class="od" onclick = "closeed(‘fd’);return false;">
[关闭层]
</a>
</div>
<div id="fd" style="display:none;filter:alpha(opacity=100);opacity:1;">
<div class="content">移动层</div>
</div>
[……]
深入解析模板技术原理【一】
1、模板的由来
在没有模板技术之前,使用PHP开发程序,通常都是php代码和html混编在一起。比如说新闻列表,很可能就是一个newslist.php页面,结构如下:
<?
//从数据库中读取出要显示的新闻记录
?>
<html>
<head>……..
</head>
<body>
<?
While ($news = mysql_fetch_array($result)) {
?>
<!--输出新闻标题 -- >
<?
}
?>
</body>
</html>
那么这样有什么问题呢?首先,不利于分工合作。一般来说,都会由程序员来写代码,美工人员设计页面。那么在这种方式中,程序员必须等待美工人员把界面设计好才能开始工作。也就是说程序员和美工的工作是不能同步的。其次、不利于维护,可维护性差。比如说程序固定后,要修改界面,那么必须由美工修改后,程序员再重新添加。最后,程序结构混乱,可读性差。HTML和PHP混编在一起,一旦程序一多,就会变的非常的凌乱。
理解模板原理——使用PHP标签的模板技术
模板技术正是为了解决这些问题而出现的,为了解决这些问题,最早出现的是使用php标签的模板技术。
首先,我们要明白模板的目的是什么。模板主要要实现几个任务呢?第一、美工和程序的分离。更确切的说法是获取数据和显示数据的分离。第二、分工。良好的分工合作。
比如说新闻列表,如果使用模板,我们就可以把新闻列表的操作分成两部分:
1、 getnews.php 负责从数据库中读取数据到数组$news中,不关心$news是如何显示的。
2、 Shownews.php 负责把$news数组输出成HTML页面。而它不需要理会$news是从哪里来的。
好,这样,我们就实现了美工和程序的分离,达到了我们的初步目的,但是如何把这两个页面联合起来,并实现listnews.php的功能呢?
这就需要另外一个页面listnews.php,来负责把“美工(显示数据)”和“程序员(获取数据)”连接起来。应该说这个页面就是很简单了。
假设getnews.php的代码如下:
[……]
网页尺寸的界定
由于页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于你无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下给你的页面范围变得越来越小。一般分辨率在800×600的情况下,页面的显示尺寸为:780×428个象素;分辨率在640×480的情况下,页面的显示尺寸为:620X311个象素;分辨率在1024X768的情况下,页面的显示尺寸为:1007×600。从以上数据可以看出,分辨率越高页面尺寸越大。
浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加,那么当你显示全部的工具栏时,和关闭全部工具栏时,页面的尺寸是不一样的。
在网页设计过程中,向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动,否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容,那么你最好能在上面做上页面内部连接,方便访问者浏览。
1、800*600下,网页宽度保持在778以内,就不会出现水平滚动条,高度则视版面和内容决定。
2、1024*768下,网页宽度保持在1002以内,就不会出现水平滚动条,高度则视版面和内决定。
3、在ps里面做网页可以在800*600状态下显示全屏,页面的下方又不会出现滑动条,尺寸为740*560左右
4、在PS里做的图到了网上就不一样了,颜色等等方面,因为WEB上面只用到256WEB安全色,而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广,所以自然会有失色的现象
5、1024*768 下网页的尺寸:width=955,height=600
800*600 下网页的尺寸:width=760,height=420
一般分辨率在800×600的情况下,页面的显示尺寸为:780×428个象素;
分辨率在640×480的情况下,页面的显示尺寸为:620X311个象素;
分辨率在1024X768的情况下,页面的显示尺寸为:1007×600
网页尺寸,随心缩放
通常情况下,IE浏览器中显示出来的网页,其尺寸大小相对是固定不变的,访问者想自行改变浏览页面的大小时,往往只能通过设置显示分辨率的方法,来简单地改变浏览页面的尺寸大小,不过这种方法对网页尺寸的缩放程度非常有限。其实利用“打印预览”命令,你能随心所欲地缩放网页尺寸。
首先用IE打开需要进行尺寸缩放的目标页面,再单击IE菜单栏中的“文件”选项,从弹出的下拉菜单中执行“打印预览”命令(要使该命令有效,必须事先安装好打印机或虚拟打印机);随后IE浏览页面将被自动切换到“打印预览”模式下,此时你可以连续单击工具栏中的“放大”图标,对当前页面的尺寸进行任意放大,同样可以对目标页面的尺寸进行随意缩小,当然也可以在图4窗口的缩放比例列表中,指定一个合适的缩放比例;例如要将网页尺寸放大一倍的话,就可以将缩放比例设置为“200%”,要想将网页缩小一倍显示的话,可以将缩放比列设置为“50%”。
[……]
爱聚合破解版带注册机 那是不能用的
爱聚合破解版前一阵子在网络上流行,就有用它建个垃圾站的想法,百度K不K先不说,主要是省事,正好手中还有几个闲置的域名拿来试试,网上主要流行的现在是一个叫什么爱聚合5.0破解版带注册机的版本,下载打开爱聚合5.0破解版的压缩包里面有个《注册机.exe》的文件,这就是所谓的注册机了,打开后的截图是这个样子:
你仔细研究下就会发现它其实这个并不是一个真正的应用程序,它只是加载了一个网络上的页面,当这个网址找不开的时候你的注册机也就打不开了,在你的注册机里也会显示你用浏览器打不开页面时的信息,然后你再点这个注册机的“提交”按钮,它会提示你需要保存一个文件,这个文件就是所谓的授权文件,这时候你会发现它的原形了,在这个对话框上你有名称:setup.php、类型:php script、从:www.ttpals.com这说明你要保存的文件是从www.ttpals.com这个网站上发送过来的,如果用些相关的Http协议分析软件跟踪,在你点提交的时候提交的网址是:http://www.ttpals.com/system/indtle.php,打开看看是什么?呵呵,和你的注册机是不是一样?
到这里我们也并不能说些什么,接下来请看:
打开:http://www.ttpals.com/system/,因为它没有指定默认打开文件,所以你就看到这个文件目录了,在里面有个"c.txt"的文件,点击打开它,或者另存为下载也可,到现在已经差不多快1M了, 这些都是使用过爱聚全破解版的网址,当然如果刚才你填写了自己的网址,到文件的最后面找找也会有你的网址的,这些信息对爱聚合的官方来说可是一笔财富,可以根据这些信息找到你的网址,让你另外购买正版也好,起诉也好,啊…,也不知当你看到这些信息的时候这些证据还在不在,嗯,自己先存一份。
网上还有另外几种版本,也是这个样子的,都是用的www.ttpals.com这个网站的,有兴趣的也可以研究下自己也写个注册机发到论坛里,弄些流量,呵呵,不多说了。
爱聚合5.0破解版下载:http://www.xun6.com/file/06ddb1527/iJuhe.rar.html
[……]
jquery 实现加两行输入框表格实现自动路由功能
一下是代码:记得要用JQuer。 目前删除功能如果删除的是在中间位置,会所删下面填入数据一起删掉,谨慎使用。
<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> http://jquery.js <title>Table</title> <script> $(document).ready(function(){ var _val=$("#content_show").val(); //接入码 $("#access_id").change(function(){ var _tmp=$(this).val(); if(_tmp==""||_tmp.length==0) { if(_val==""||_val.length==0) { return; } else { var _pos=_val.indexOf("+");//int _pos=_val.indexOf("+"); var _len=_val.length; _val=_val.substr(_pos+1,_len); } } else { _val=_tmp+"+"+_val; } $("#content_show").val(_val); }) //命令字 没完成 $("#command_id").change(function(){ var _tmp=$(this).val(); if(_tmp==""||_tmp.length==0) { if(_val==""||_val.length==0) { return; } else { var _pos1=_val.indexOf("+"); var _pos2=_val.indexOf("#"); if(_pos2<0) _pos2=_val.length; _val=_val.substr(_pos1+1,_pos2); } } else { _val=_val+$(this).val()+"+"; } $("#content_show").val(_val); }) $("#but").click(function(){ var $tr=$("#tab_child tr"); var _len=$tr.length; /* //测试添加<tr/>标签内容 alert("<tr id='"+_len+"'>n" +"<td align='center'>"+_len+"<input type='checkbox' style='display:none' name='recorder' value='"+_len+"'/></td>n" +"<td align='center'><input type='text' id='para"+_len+"' name='para"+_len+"' />n" +"<td align='center'><a href='#' onclick='deltr("+_len+")'>删除</a></td>n" +"</tr>n"); */ $("#tab_child").append("<tr id='"+_len+"'>" +"<td align='center'>"+_len+"<input type='checkbox' style='display:none' name='recorder' value='"+_len+"'/></td>" +"<td align='center'><input type='text' id='para"+_len+"' name='para"+_len+"' />" +"<td align='center'><a href='#' onclick='deltr("+_len+")'>删除</a></td>" +"</tr>"); }) //测试,打印整个<table/>的内容 $("#info").click(function(){ alert($("#tab_child").html()); }) //初始化可路由模块 for(var i=1;i<=5;i++) { $("#klymk").append("<option value='"+i+"'>模块"+i+"</option>"); } //初始化已路由模块 // do something here... //初始化增加,移除按钮状态 changeButtonStatus(); //增加按钮操作 $("#item_add").click(function(){ var _all=$("#klymk>option").length; if(_all>0) { var _len=$("#klymk>option:selected").length; if(_len<=0) { alert('请选择需要添加的模块名称!'); return; } else { $("#klymk>option:selected").each(function(){ $("#ylymk").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>"); var _val=$("#showbox").val(); //获得隐藏域的值 _val=_val+$(this).val()+"+"+$(this).text()+","; $("#showbox").val(_val); // alert("隐藏域的值的值: "+$("#showbox").val()); $(this).remove(); }) changeButtonStatus();//改变按钮状态 } } else { $(this).attr("disabled","true"); } }) $("#item_del").click(function(){ var _all=$("#ylymk>option").length; if(_all>0) { var _len=$("#ylymk>option:selected").length; if(_len<=0) { alert('请选择需要移除的模块名称!'); return; } else { $("#ylymk>option:selected").each(function(){ $("#klymk").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option>"); var _val=$("#showbox").val(); //获得隐藏域的值 var _str=$(this).val()+"+"+$(this).text()+","; _val=_val.replace(_str,""); $("#showbox").val(_val); // alert("隐藏域的值的值: "+$("#showbox").val()); $(this).remove(); }) changeButtonStatus();//改变按钮状态 } } else { $(this).attr("disabled","true"); } }) }) //删除选中的<tr/> var deltr=function(index){ // alert("删除第 "+index+"行"); $tr=$("#tab_child tr"); var _len=$tr.length; if(index>_len) { return; } else { // alert($("tr[id='"+index+"']").html()); if(confirm('您确定删除该记录吗?')) { $("tr[id='"+index+"']").remove(); //删除当前行 for(var i=index+1;i<_len;i++) { var _val=$("#para"+i).val(); $("tr[id='"+i+"']").replaceWith("<tr id='"+(i-1)+"'>" +"<td align='center'>"+(i-1)+"<input type='checkbox' style='display:none' name='recorder"+(i-1)+"' value='"+(i-1)+"'/></td>" +"<td align='center'><input type='text' id='para"+(i-1)+"' name='para"+(i-1)+"' value='"+_val+"' />" +"<td align='center'><a href='#' onclick='deltr("+(i-1)+")'>删除</a></td>" +"</tr>"); } } else { return; } } } //改变增加、移除按钮的状态 var changeButtonStatus=function() { var klymk_len=$("#klymk>option").length; var ylymk_len=$("#ylymk>option").length; //可路由模块 if(klymk_len<=0) { $("#item_add").attr("disabled","true"); } else { $("#item_add").removeAttr("disabled"); // $("#item_add").get(0).disabled=false; // $("#item_add")[0].disabled=false; } //已路由模块 if(ylymk_len<=0) { $("#item_del").attr("disabled","true"); } else { $("#item_del").removeAttr("disabled"); } } </script> </head> <body> <table id="tab_parent" border="1" width="80%" align="center"> <tr> <td>输入展示</td> <td><input type="text" id="content_show" name="content_show" size="50" value="" readonly="readonly" /></td> </tr> <tr> <td>接入码</td> <td><input type="text" id="access_id" name="access_id" /></td> </tr> <tr> <td>命令字</td> <td><input type="text" id="command_id" name="command_id" /></td> </tr> <tr> <td>参数</td> <td> <table id="tab_child" border="1" width="100%"> <tr> <td width="20%" align="center">序号</td> <td align="center">参数名称</td> <td align="center">操作</td> </tr> </table> <input type="button" id="but" value="add"/> <input type="button" id="info" value="show"/> </td> </tr> </table> <br/> <table width="80%" cellpadding="0" align="center" class="listshow" border="1" cellspacing="0"> <tr> <td align="center">可路由模块</td> <td align="center"> </td> <td align="center">已路由模块</td> </tr> <tr> <td class="black" width="30%" align="center" height="150"> <select id="klymk" multiple="multiple" style="text-align:center;width:300px;height:150px;"><!-- 设置multiple属性,支持多选 --> </select> </td> <td align="center" width="5%"> <input type="button" id="item_add" value="增加" /> <br/> <br/> <input type="button" id="item_del" value="移除" /> </td> <td class="black" width="30%" align="center"> <select id="ylymk" multiple="multiple" style=" text-align:center;width:300px;height:150px;"> </select> <input type="hidden" value="" id="showbox" name="showbox" /> </td> </tr> </table> </body> </html>
[……]
你会关心吗?她会关心吗?
拉你右手 21:55:22
我怎么了
小葱 21:55:35
我没怎么啊
小葱 21:56:03
我怎么了,你会关心吗?
小葱 21:56:50
就算你会关心,她会关心了吗?
小葱 21:56:51
算你会关心,她会关心,她会关心了吗?
小葱 21:56:53
你会关心,她会关心,她会关心,她会关心了吗?
小葱 21:56:59
关心,她会关心,她会关心,她会关心,她会关心了吗?
[……]