图象处理
老手遇到的问题也困扰着我这个新手：Mozilla和IE对于很多元素的解释不一样！结果页面在两个浏览器中间差别也很大，有些地方根本接不上！在IE里面还好些，在Mozilla里面根本没法看。
所以呢，第三个模板的排列歪歪扭扭，不过幸好是个卡通主题，歪一点没有关系，^_^
因为还没有完工，所以没有保存css，大概要拖到下个星期了。
coffee
2005-07-31 00:18:22
阅读:961
评论:5
引用:0
http://blogcup.com/blogger_1/14541/archives/2005/109749.shtml
这个例子是用JS脚本控制并列DIV的高度,通常在DIV布局中,自适应高度一直是比较头疼的问题,一般大都采用背景图、外套DIV、右栏覆盖左栏......来解决。现在加了脚本后，简单多了，假如有三个水平并列的DIV，fbox、mbox、sbox,只要在<body>标签中写入：onload="P7_equalCols('fbox','mbox','sbox')"，测试条件：ie5.x、ie6.0、FF1.03、 NS7.2、opera8.01。最终效果。
JS代码:版权归原作者,仅供学习研究.
/*
------------------------------------------------
PVII Equal CSS Columns scripts
Copyright (c) 2005 Project Seven Development
www.projectseven.com
Version: 1.5.0
------------------------------------------------
*/
function P7_colH(){ //v1.5 by PVII-www.projectseven.com
var i,oh,hh,h=0,dA=document.p7eqc,an=document.p7eqa;if(dA&&dA.length){
for(i=0;i<dA.length;i++){dA[i].style.height='auto';}for(i=0;i<dA.length;i++){
oh=dA[i].offsetHeight;h=(oh>h)?oh:h;}for(i=0;i<dA.length;i++){if(an){
dA[i].style.height=h+'px';}else{P7_eqA(dA[i].id,dA[i].offsetHeight,h);}}if(an){
for(i=0;i<dA.length;i++){hh=dA[i].offsetHeight;if(hh>h){
dA[i].style.height=(h-(hh-h))+'px';}}}else{document.p7eqa=1;}
document.p7eqth=document.body.offsetHeight;
document.p7eqtw=document.body.offsetWidth;}
}
function P7_eqT(){ //v1.5 by PVII-www.projectseven.com
if(document.p7eqth!=document.body.offsetHeight||document.p7eqtw! =document.body.offsetWidth){
P7_colH();}
}
function P7_equalCols(){ //v1.5 by PVII-www.projectseven.com
if(document.getElementById){document.p7eqc=new Array;for(i=0;i<arguments.length;i++){
document.p7eqc[i]=document.getElementById(arguments[i]);} setInterval("P7_eqT()",10);}
}
function P7_eqA(el,h,ht){ //v1.5 by PVII-www.projectseven.com
var sp=10,inc=10,nh=h,g=document.getElementById(el),oh=g.offsetHeight,ch=parseInt(g.style.height) ;
ch=(ch)?ch:h;var ad=oh-ch,adT=ht-ad;nh+=inc;nh=(nh>adT)?adT:nh;g.style.height=nh+'px';
oh=g.offsetHeight;if(oh>ht){nh=(ht-(oh-ht));g.style.height=nh+'px';}
if(nh<adT){setTimeout("P7_eqA('"+el+"',"+nh+","+ht+") ",sp);}
}
这个例子是用JS脚本控制并列DIV的高度,通常在DIV布局中,自适应高度一直是比较头疼的问题,一般大都采用背景图、外套DIV、右栏覆盖左栏......来解决。现在加了脚本后，简单多了，假如有三个水平并列的DIV，fbox、mbox、sbox,只要在<body>标签中写入：onload="P7_equalCols('fbox','mbox','sbox')"，测试条件：ie5.x、ie6.0、FF1.03、 NS7.2、opera8.01。最终效果。
JS代码:版权归原作者,仅供学习研究.
/*
------------------------------------------------
PVII Equal CSS Columns scripts
Copyright (c) 2005 Project Seven Development
www.projectseven.com
Version: 1.5.0
------------------------------------------------
*/
function P7_colH(){ //v1.5 by PVII-www.projectseven.com
var i,oh,hh,h=0,dA=document.p7eqc,an=document.p7eqa;if(dA&&dA.length){
for(i=0;i<dA.length;i++){dA[i].style.height='auto';}for(i=0;i<dA.length;i++){
oh=dA[i].offsetHeight;h=(oh>h)?oh:h;}for(i=0;i<dA.length;i++){if(an){
dA[i].style.height=h+'px';}else{P7_eqA(dA[i].id,dA[i].offsetHeight,h);}}if(an){
for(i=0;i<dA.length;i++){hh=dA[i].offsetHeight;if(hh>h){
dA[i].style.height=(h-(hh-h))+'px';}}}else{document.p7eqa=1;}
document.p7eqth=document.body.offsetHeight;
document.p7eqtw=document.body.offsetWidth;}
}
function P7_eqT(){ //v1.5 by PVII-www.projectseven.com
if(document.p7eqth!=document.body.offsetHeight||document.p7eqtw! =document.body.offsetWidth){
P7_colH();}
}
function P7_equalCols(){ //v1.5 by PVII-www.projectseven.com
if(document.getElementById){document.p7eqc=new Array;for(i=0;i<arguments.length;i++){
document.p7eqc[i]=document.getElementById(arguments[i]);} setInterval("P7_eqT()",10);}
}
function P7_eqA(el,h,ht){ //v1.5 by PVII-www.projectseven.com
var sp=10,inc=10,nh=h,g=document.getElementById(el),oh=g.offsetHeight,ch=parseInt(g.style.height) ;
ch=(ch)?ch:h;var ad=oh-ch,adT=ht-ad;nh+=inc;nh=(nh>adT)?adT:nh;g.style.height=nh+'px';
oh=g.offsetHeight;if(oh>ht){nh=(ht-(oh-ht));g.style.height=nh+'px';}
if(nh<adT){setTimeout("P7_eqA('"+el+"',"+nh+","+ht+") ",sp);}
}
coffee
2005-07-30 12:55:39
阅读:834
评论:0
引用:0
学css布局的时候遇到麻烦了:在处理不规则边角的时候，应该是配合背景图来实现的，但是背景图无法下载。所以我到现在也不知道不规则边框是怎么实现的，好比具有四个平滑角的方框怎么做？是不是必须要三个纵向排列的div才能行？或者哪位大侠告诉我怎么把网页div里面的背景图像抓下来也行！当然是要抓原文件，可不是用hypersnap截图：）
coffee
2005-07-29 11:24:56
阅读:914
评论:2
引用:0
weiking的邮票没有作好，不是因为俺水平洼，而是因为weiking 的照片不适合作邮票。那么适合作什么呢，我认为适合作钞票：
假钞的主人公是weiking 和hofman，那么真钞里面是谁呢？
假钞的主人公是weiking 和hofman，那么真钞里面是谁呢？
coffee
2005-07-29 00:24:40
阅读:856
评论:2
引用:0
^_^，刚学会怎么作邮票效果，大家看看俺的公告！有点象吧？谁要做邮票头像效果，俺可以免费给他做，要是做成一个action就好了。
coffee
2005-07-28 17:45:13
阅读:3035
评论:14
引用:0
http://gzh53.go.nease.net/gallery.html
值得一看，不仅合乎web标准，而且配色构图典雅大方，不愧是受英伦文化熏陶。国内个人网站的设计好像超过这个境界的不多，商业网站则多是太拥挤。
值得一看，不仅合乎web标准，而且配色构图典雅大方，不愧是受英伦文化熏陶。国内个人网站的设计好像超过这个境界的不多，商业网站则多是太拥挤。
coffee
2005-07-21 19:53:22
阅读:854
评论:3
引用:0
办公室有个大画案，所以又把书法拾起来了，希望大家把自己的作品也贴一些上来。
coffee
2005-07-11 21:06:42
阅读:893
评论:3
引用:0
去马来西亚的时候没有找到写毛笔字的纸，只好那他们超市里面卖的餐巾纸练字。马来西亚的餐巾纸可是又厚又吸水，还非常光洁（当然相对而言），用来写字非常顺手。造成的后遗症就是在宣纸上反倒不会写字啦！
回来之后念念不忘那些餐巾纸，试了一试，宜家卖的餐巾纸写字最好，但是太贵了。麦当劳和肯德鸡送的餐巾纸也不错，就是太少。有一天实在没有纸了，从厕所那出来成卷的卫生纸，^_^，效果也不错，就是优点过分粗糙了。
我绞尽脑汁地想：怎么才能让光洁的宣纸有餐巾纸的迟涩效果呢？嗨，其实答案非常简单，把宣纸使劲儿揉一揉就行啦！然后再展开压平，写起来就很象餐巾纸啦！我估计很多写字的人都掌握了这个“秘密”，否则有些效果是根本出不来的。
回来之后念念不忘那些餐巾纸，试了一试，宜家卖的餐巾纸写字最好，但是太贵了。麦当劳和肯德鸡送的餐巾纸也不错，就是太少。有一天实在没有纸了，从厕所那出来成卷的卫生纸，^_^，效果也不错，就是优点过分粗糙了。
我绞尽脑汁地想：怎么才能让光洁的宣纸有餐巾纸的迟涩效果呢？嗨，其实答案非常简单，把宣纸使劲儿揉一揉就行啦！然后再展开压平，写起来就很象餐巾纸啦！我估计很多写字的人都掌握了这个“秘密”，否则有些效果是根本出不来的。
coffee
2005-07-11 14:59:35
阅读:1114
评论:2
引用:0
贴图大家都会。
但怎么方便地贴自己拍的图片呢？
本站的个人相册功能已经完成，大家可以使用。
传上图片后，复制一下id，按下面的格式就可以了。
【img】http://www.zhuoda.org/pic/showimage?col=origin&id=xxx【/img】
这是贴大图，如果是缩略图将origin替换为thumb就可以了。
当然，要记得把'【’替换‘[','【’替换为‘]'.
但怎么方便地贴自己拍的图片呢？
本站的个人相册功能已经完成，大家可以使用。
传上图片后，复制一下id，按下面的格式就可以了。
【img】http://www.zhuoda.org/pic/showimage?col=origin&id=xxx【/img】
这是贴大图，如果是缩略图将origin替换为thumb就可以了。
当然，要记得把'【’替换‘[','【’替换为‘]'.
coffee
2005-04-25 21:25:30
阅读:640
评论:0
引用:0
在hofman的怂恿下，做了几个博客的logo，大部分规格都是780×120，个别的更高。放在coffee相册的“图像处理”里面，希望大家喜欢，也希望大家都做一点logo，这样hofman选择的余地会更大。下面贴几个样品：
coffee
2005-01-06 20:45:34
阅读:1180
评论:4
引用:0