2009年3月

jS的include函数

同样可以认为为script标签加内容文件
首先声明,本文非我原作,在一blog看到此文,然后结合一网友回复整理此文.

用法: include_js(src,[reload]);
src: js文件的路径名
reload:可选参数,0或1,表示是否重复加载同一个url的js文件。

用途:
本函数可以用于一些广告和统计的js文件异步加载,避免了因加载js文件而造成的网页显示速度慢的问题。

将此函数修改一下便可以动态加载css文件,不过用处就没有加载js文件的大。

function include_js(path,reload)
{
var scripts = document.getElementsByTagName("script");
if (!reload)
for (var i=0;i if (scripts[i].src && scripts[i].src.toLowerCase() == path.toLowerCase() ) return;
var sobj = document.createElement('script');
sobj.type = "text/javascript";
sobj.src = path;
var headobj = document.getElementsByTagName('head')[0];
headobj.appendChild(sobj);
}

但是这样当加载的js文件含有document.write语句时,在IE下没有反应,但在Mozilla Firefox 下就会让你原来的网页消失,只显示document.write出来的内容.对此问题一网友给出了一种比较好的解决办法,当然是重写document.write方法.下面网友原做内容:

引用
有一个可以让document.write信息显示出来的方法:
先在网页中需要显示write出来的内容的地方加入一个div标签:

然后在include_js之前加上这句:
document.write = function (s)
{
document.getElementById('jsdiv').innerHTML+=s;
return false;
}

这样不仅可以不让document.write方法破坏网页,也避免了write出来的信息丢失的痛苦。

一个猫接多个路由方法

首先讲下如何通过A路由器进行拨号上网:
1.将电话线接入猫的端口上
2.从猫上的WAN接口拉一条网线出来接入A路由器的WAN口上
3.将三台电脑的网线分别接在A路由器的三个LAN口上[剩下的那个LAN口稍后用]
4.连接好之后在其中的一台电脑上打开浏览器,进入192.168.1.1对主路由器进行设置
5.打开界面后,首先修改WAN设置,家庭宽带选择使用PPPOE拨号连接上网,然后在相应的表单中填写服务商提供的拨号上网帐号和密码-保存
6.在LAN设置后打开DHCP服务,这样我们的三台电脑就可以通过动态获取IP进行上网了,如果不打开DHCP的话就要手工配置IP地址。
下面讲一下剩下的3台电脑如何通过B路由器进行上网:
1.先不要将B路由器连到A上 先将剩下的3台电脑的网线接入B路由器的LAN口上
2.在这3台电脑的任意一台电脑上打开浏览器,输入192.168.1.1,进入路由器设置界面
3.WAN设置:选择静态地址上网,B路由器IP地址设置为192.168.1.250,防止冲突设置大一点 子网掩码:默认设置即可 网关设置为192.168.1.1 DNS服务器设置:如果A路由器开启了DNS代理就设置为192.168.1.1,没开启的话就设置为地方DNS,例如重庆地区为61.128.128.68
4.LAN设置:IP地址设为192.168.1.250 和上面设置成一样 关闭B路由器的DHCP和DNS代理服务,
5.从A路由器就是的剩下的一个LAN口上伸出一根网线接到B路由器的剩下的LAN口上.
6.设置B路由器与B路由器连接的两台电脑的IP为192.168.1.X 为了避免冲突 设置大一点 网关设置为A路由器的IP 即 192.168.1.1
DNS设置为地方DNS,子网掩码默认即可
7.重启B路由器,可以通过WEB界面重启也可以直接切断电源重启
设置完成,这样我们的四台电脑就可以同时上网了.
要注意的问题:
1.如果想自动获取IP就能上网的话请打开A路由器的DHCP服务,范围默认,最好把DNS代理打开
2.B路由器的IP设置必须为A路由器的网域,即设置为192.168.1.X 设置大一点的原因是防止冲突
3.B路由器连接的两台电脑网关必须设置为192.168.1.1
4.B路由器在设置完成之前请不要连接到A路由器的,因为设置前B路由器和A路由器的出厂设置IP一样 会冲突

路由器LAN口设置的ip地址是pc的网关,(网关:是计算机在通讯过程一第一个要去查找连接的IP) , 将从A的LAN口出来的接线接在B的LAN口,那么B只是作为交换机,如果接在WAN口上,那么B就是路由器

NeiLyi白痴.这都不知道.

路由器是分配局域网IP地址用的
猫也是连接因特网用的
交换机是分离网络用的
一台宽带猫可以连接一台路由器,一个路由器可以分配244个IP,也就是可以最大分享244台电脑同时使用一条线路上网,当然,路由器没有那么多端口连接电脑,这样就需要交换机来完成这个任务,交换机还有一个用途就是可以延长双绞线,一般的双绞线传输距离是150米左右(当然还有更好的),双绞线长了就需要用交换机来完成网络的架设...

timestamp自动完成时间--mysql

mysql有个数据类型为timestamp.其能做到自动完成更新时间,很受用,但有时你又希望此时间值在更新数据时,不更新其值.如: 文章的发布时间,你希望在你记录时,mysql帮你自己完成时间为当前时间,则可使用timestamp.
但这个时你不希望在你更改文章标题等信息时,mysql自动为你修改.如果你不熟知timestamp时,往往头疼了.因为他一般会随着其它同行记录修改而自动修定.

是不是就那么麻烦呢?答案是否定的.我们需要的是认真很看看手册.
好了不扯了,NeiLyi 告诉你:
一. timestamp两种属性:
自动初始化: 此行为只在第一次写入数据时,怎么把时间设为当前时间. (DEFAULT CURRENT_TIMESTAMP)
自动更新: 此行为在修改资料时,会自动帮你把值修改为当前时间. (ON UPDATE CURRENT_TIMESTAMP)

二. 四种状态:
由上面两种属性延伸出四种状态
1. 自动初始化以及自动更新 (timestamp字段的数据默认就是此行为)
实现sql: ts TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
2.只做初始化,更新时不自动更新
实现sql: ts TIMESTAMP DEFAULT CURRENT_TIMESTAMP
3.只做自动更新,不做初始化
实现sql: ts TIMESTAMP DEFAULT 0 ON UPDATE CURRENT_TIMESTAMP
4. 什么都不做(建议只种情况,数据类型就使用datetime)
实现sql: ts TIMESTAMP DEFAULT 0

三.phpmyadmin使用设置
1. 自动初始化以及自动更新
autoUp_Init.jpg
2. 只自动初始化
autoInit.jpg

css网页背景图片定位处理

我总觉得,CSS中背景图片的定位有些似是而非,这个问题困扰我很久了,今天总算搞懂了,一定要记下来,防止忘记。

在CSS中,背景图片的定位方位有3种:

1)关键字:background-position: top right;

2)像素:background-position: 0px 0px;

3)百分比:background-position: 0% 0%;

上面这三句语句,都将图片定位在背景的左上角,表面上看效果是一样的,实际上第三种定位机制与前两种完全不同。

前两种定位,都是将背景图片左上角的原点,放置在规定的位置。请看下面这张图,规定的位置是“20px 10px”和"60px 50px",都是图片的原点在那个位置上,图中用X表示。

bg2008050701.png

但是第三种定位,也就是百分比定位,不是这样。它的放置规则是,图片本身(x%,y%)的那个点,与背景区域的(x%,y%)的那个点重合。比如,如果放置位置是“20% 10%”,实际结果如下图,可以看到这个点是在图片本身的“20% 10%”的位置上。

bg2008050702.gif

下面是一个有趣的例子。

背景图片是四个边长为100px的方块叠在一起:

bg2008050703.png

请问怎样才能将其横过来:

bg2008050704.png

答案是,在网页中先设置四个div区域:

<div class="box1">
</div>

<div class="box2"">
</div>

<div class="box3">
</div>

<div class="box4">
</div>

然后,这样编写CSS:

.box1, .box2, .box3, .box4 {
float:left;
width:100px;
height:100px;
position:relative;
background: #F3F2E2 url(1234.png) no-repeat;
}

.box1 {
background-position:0% 0%;
}

.box2 {
background-position:0% 33.33333%;
}

.box3 {
background-position:0% 66.66666%;
}

.box4 {
background-position:0% 100%;
}

点击这里查看最后的效果。可以看到第二和第三个方块的设置,并不是一般想象中的“0% 25%”和“0% 75%”。

不过说实话,这个例子用像素设置法更容易一些。使用百分比设置的主要优势在于,当页面缩放的时候,背景图片也会跟着一起缩放,具体请参考下面“延伸阅读”中的第二篇文章。

[延伸阅读]

1. CSS: Using Percentages in Background-Image

2. Creating Liquid Faux Columns

网页设计篇

内容分享---做找类似豆瓣通过flash插入内容
http://www.slideshare.net/

photoshop设计网页实例
http://www.16xx8.com/photoshop/wangyesheji/

网页配色
http://www.wzsky.net/html/Website/Color/

如何用CSS设计大背景图片网站 : http://www.olins.cn/how-to-css-large-background/

CSS Sprites(所有背景图片放在一张图上) http://www.cssforest.org/blog/index.php?id=129

从——腾讯网首页所有背景图片为一张图片——拓展来说 : http://hi.baidu.com/iamzhangxinxu/blog/item/81f65539f1cbc5f5b311c75f.html

CSS制作新闻或产品列表实例
http://www.code-123.com/html/2009327213530580.html

实例:从零开始学CSS布局制作网页
http://www.code-123.com/html/2009324203824580.html

25个优秀的photoshop网页设计教程
http://hi.baidu.com/weigebdtiwen/blog/item/e22d7158de5eef86810a18fc.html

fifi小组photoshop教程
http://fif.hlw.cn/ps.html

专业视频录制教程
http://tech.163.com/special/000915SN/recvideo.html

PSD切片出html
http://www.mobanwang.com/art/36.html

flex制作flv播放器
http://hi.baidu.com/luanxian/blog/item/4fac2b3fa34296ef54e72399.html

flex学习交流论坛
http://airia.cn/AIR_FLEX_EBOOK/Flex3_Cookbook_zhcn/

色彩的旋律 设计配色原理及实用色谱-软件频道-软件-天极网
http://design.yesky.com/lesson/269/3089769.shtml