2005年09月11日

鉴于DONEWS服务器不稳定,而且乱限制关键字,加上狠铁不成钢的对Donews不满,终于决定搬迁blog

新的blog使用了wordpress架设的blog服务器,页面风格和功能还在不断完善中,但不影响blog内容的更新。

新的blog转移后的网站地址为:http://www.kuangfeng.cn,此处将不再更新!原有内容将全部转移到新网站。

如果是用donews的rss订阅的需要重新更改订阅地址,如果是使用以下网站服务订阅的,可以不用更改。
  通过bloglines订阅 通过feedburner订阅 通过my yahoo订阅 通过newsgator订阅 通过MY MSN订阅

新的blog实际地址为:http://www.kuangfeng.cn/blog/

订阅地址为:http://feeds.feedburner.com/dragon4
(上面的订阅地址为永久订阅地址,不会随网站的迁移而变化,因此推荐使用上面的地址进行rss订阅)


2005年09月04日

不是瞧不起只有几个人管理维护的donews,但是作为公共知名网站,服务器的稳定是最基本的,blog服务在经常性的速度超慢或程序错误的情况下,我已经逐渐对donews失去了耐心。

donews小作坊式的管理,还天真的模仿Google的工作方式,慢条斯理的开发,在自己打造的井底悠然自得,有一帮人吹捧,有几个VC光顾,自觉身价高了起来,不过还是要扮扮清高,我就是阳春白雪,我瞧不起下里巴人,我就是要坚持自己的完美理想。

佩服keso的敬业,也许是从金蜘蛛时候就开始的,虽然他的blog带来了比网站本身提供的服务还更大的影响力(相信只要在keso的blog下多放些google的广告,美金就滚滚而来了)。但这只源于keso个人的魅力,而且keso终究只是个终日copy新闻,写写网络前沿花边的一个高级编辑,那是说得好听点的,说得难听点,就是作些低级的鼠标+水泥的工作,其blog的内容只能凸现个人思想中偶尔闪烁的精彩火花,作为一个编辑和IT界的观察家和评论家,keso无疑是很称职很出色的,其人在圈内的影响力也足以找到不少人的义务帮忙和支持。但作为donews管理层的重要一员,要将donews的服务和内容提升到更高水平,提升发展速度,这方面的能力却是极其有限的,也许还不如一个职业经理人或者一些初出茅庐却很有创劲很有想法的小团队。

刘韧是donews的老大,多年的记者生涯,圈内如日中天的影响力,加上众人的热捧,自然飘飘然,毅然辞职想做一番自己的大事业。虽然身在IT,从其blog上透露的思想和IT方面的认知,加上在多年传统企业旧习的耳溽目染的熏陶下,可以看出刘韧并不足以具备创建创新型IT公司的管理能力,缺乏大气,缺乏霸气,缺乏灵气,更重要的是缺乏职业管理者的应有素质,如果刘韧利用影响力来做公共、外联、广告,是最佳之选,但作为实际donews前进的操纵者,他的能力和精力都是有限的,显然还不具备全盘操控的能力。

技术开发方面的人员还不清楚,但从实际过程中来揣摩,似乎只有一两个人、两三个人的闭门造车,在早已过了单打独斗可以闯天下的时代,这样的技术开发也显然是阻碍了本来可以快速前进的的大踏步步伐,凭着个人的喜好和模仿国外的创意,再加上可能不够规范的开发进程和项目管理,只能眼睁睁的看着着别人的飞速发展,只能自欺欺人的安慰自己,那些都是虚浮的,世俗的,我要坚持我的理想。

很久前本来还以为donews是一个上百人的大型IT公司,于是重返donews那时,初初看了一眼,就贸然对donews的改版大肆批判,对其策划水平也不敢恭维。后来得知只有三个人时,稍微有了些敬意。但是只有3、4个人加上一帮业余的义务支持者,要将donews做大做强显然是远远不够的,甚至连服务器的稳定都很难保证,这样的网站如何能让人信任和支持,所以如果持续这样的管理团队,我对donews是绝对不看好的,如果我是VC,我也是绝对say no的。

讲到这里,突然发现身边也有很类似的情形,在全国最大规模的民间户外运动网站磨房也同样是类似的组合,一个"刘韧",一个"洪波"加上一帮义务的支持者,大家都稳打稳扎,不敢贸然变化,不敢扩大规模,个人作坊式管理,固守自己的阳春白雪,于是本来雄心加盟的我也逐渐淡出了管理层。两者的情形何其相似,只可惜都浪费了最好的资源,本来可以做更多更有益的事情。

看了许多IT名人的blog,从其文字表达的思想中可以揣摩到各自的优势劣势,从创业和发展的角度来讲,我更看好本来就在IT界摸爬滚打的老冒王建硕等人,对从记者或其他传统IT行业转行做网站的吕欣欣、王翌刘韧等我只能看着他们曲折缓慢的发展,只能期待一些奇迹的出现来加速他们的前进。

闲话少说,言归正传,本来只是拿来作个blog的记录地,但其服务的稳定性已经让我无法眷恋,或许是到时间转换blog托管服务商的时候了,也许hexun,msn是不错的选择。

2005年09月03日

Blogger.com推出中文版,看来大家都很注意中文市场。

Google推出中文化的本地搜索,搜索结果带地图和相关链接,很实用哦。Google越来越强大和咄咄逼人啦,最近还进军印刷媒体广告,据说还开发了Google OS。

Yahoo!推出域名服务 $1.99/年,实在超便宜哦,在国际化趋势越来越明显的网络界,国内垄断的一些服务将优势无存,我也要去申请信用卡啦。

Writely.com提供WORD文档的在线编辑,最大的特色是可以即时合写,保存记录,似乎比wiki还强呢,比较适合网络团队使用。

China.com高层最近震荡不小,不过并不影响资金实力雄厚的它进行投资收购,为它的分拆上市作准备。

hexun.com推出个人门户,整合了网摘、博客、图片、RSS订阅等内容,hexun确实属于模仿最新WEB2.0概念最多最快的网站,速度也很快不过自己的特色不是很突出。

163.com推出280兆的网盘,不过每次上传不能超过10兆。

WEBPS (IE版图像处理工具)

名称:WEB版图像处理工具
地址:http://guozheimeng.qswx.com/photoshop.asp
性质:工具网站
开发者:nittystone#hotmail.com oicq:12850381

功能:基本操作:反转片、补光、老镜头、减光、柔光、锐化、旋转、黑白、裁剪
压缩:压缩为JPEG,可自定义压缩率
调整尺寸:可以锁定比例也可以自定义长宽象素
添加文字:有字体、颜色、透明、尺寸
滤镜效果:艺术滤镜、颜色滤镜、翻转滤镜
特色:可以保存以前的处理结果,中、英文版本

简评:功能超强且实用,在没有安装PS工具的情况下,可以很方便的对图像作出一些处理&特效,很方便哦,也是ASP程序和组件对于图像的一次很好的开发尝试。

2005年09月02日

本来这个基于网址站的系统升级早该完成的了,但近来疾病缠身,身体欠佳,本来技术方面也不是很擅长,于是这个计划拖了很久,今天暂时告一段落。

“搜索实名”的叫法是对应网络实名而起的一个概念,也叫做网址直通车好像更生动些。网络实名是直接在IE输入框内输入网站名称就可以到达该网站实际网址,而搜索实名是在搜索框内输入网站名称和网站别名就可以直接到达该网站实际地址。

打开www.99688.com,首页有三个搜索按钮,第一个就是实现“网址直通车”的按钮,输入网站名称或者网站别名,可以直接转向对应的网址,如果未登录会提示你进行该网站的登记。

第二个按钮就是普通的搜索按钮,根据关键字在网站名称、别名和说明里面寻找并显示所有结果。

第三个按钮是将百度和Google的搜索结果集成到一个页面,方便用户进行查找。

这个网站的另外一个特色是:你可以使用网站别名实现网站网址的快速转向,例如你登记的网站名称为“对牛乱弹琴的blog”,网站别名为keso,那么你只需输入Keso,点击网址直通车,就可以快速到达相应的网站地址,这样是不是很方便呢,把你自己的网站或者喜欢的网站也来登记一下吧,有时记不住网址的时候可以通过这个快速直达你的网站哦。

本站还提供了免费代码,大家可以放到自己的网站上方便使用。

热门搜索类似网摘站的标签云一样的可以根据搜索的次数动态显示搜索的热字。

以后还会逐步开发并开放定制个人的搜索实名,到时完全可以将自己喜欢的网站自由定制为一些简短快捷的字符。总之这个系统还是有一定实用价值的,也方便你的网站进行宣传推广,陆续还会进行更多功能的扩展,象网摘、通讯录等等,最终将做成一个个人的实用平台。希望大家多提提意见或建议哦。

2005年08月26日
加入收藏夹代码

<a href="javascript:window.external.AddFavorite(‘http://url/‘,’站点名称‘)" >

ie地址栏图标

<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

把名为 favicon.ico 大小 16X16 的图标放到网页的根目录

长度自适应的div

嵌套DIV:父DIV的高度不能根据子DIV自动变化的解决方案
<div id="parent">
   <div id="content"> </div>
</div>
当Content内容多时,即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案
<div id="parent">
  <div id="content"></div>
  <div style="font: 0px/0px sans-serif;clear: both;display: block"> </div><!–here–>
</div>
在层的最下方产生一个高度为1的空格,可解除这个问题

JAVA容错代码

    一些网页用了JAVA程序时容易出现脚本错误,下面就是为解决次问题而从网上搜索而来的代码,希望对你有用!

<SCRIPT LANGUAGE="JavaScript">
<!– Hide

function killErrors() {
return true;
}

window.onerror = killErrors;

// –>
</SCRIPT>

Q: 实现双击自动滚屏.
A: 将以下代码添加到需要自动滚屏的页面上

<s cript Language="Javas cript">
var currentpos, timer;
function initialize(){
timer = setInterval("scrollwindow()", 1);
}
function sc(){
clearInterval(timer);
}
function scrollwindow(){
currentpos = document.body.scrollTop;
window.scroll(0, ++currentpos);
if(currentpos != document.body.scrollTop){
sc();
}
}
document.onmousedown = sc;
document.ondblclick = initialize;
</s cript>

Q: 鼠标特效 。
A: 鼠标放到链接上就会出现一个说明框,里面有滚动的文字说明

<a href="http://xiaoguo001.nease.net" target="_blank" onMouseOver="helpor_net_show(this,event,’ 这里是小郭的个人主页 ‘)" onMouseOut="helpor_net_hide()"> 把鼠标放上来试试
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:seashell">
<layer name="nstip" width="1000px" bgColor="seashell"></layer>
</div>
<SCRIPT language="JavaScript">
<!–
if (!document.layers&&!document.all)
event="test"
function helpor_net_show(current,e,text){

if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML=’<marquee style="border:1px solid #3399ff">’+text+’</marquee>’
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10
document.all.tooltip2.style.visibility="visible"
}

else if (document.layers){
document.tooltip2.document.nstip.document.write(‘ ‘+text+’ ‘)
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function helpor_net_hide(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}

function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
//–>
</SCRIPT>

Q: 文本随机输出,可以用来作公告栏 。
A: 脚本说明 :
第一步 : 把如下代码加入 <head> 区域中
<SCRIPT LANGUAGE="JavaScript">
<!– Original: Tarjei Davidsen (the@rescueteam.com) –>

<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>

<!– Begin
var max=0;
function textlist() { i++:textlist.arguments[i]; max }
tl = new textlist(
" 随着 INTERNET 时代的逐步到来 , 人们对网络的认识与感知越来越深刻 ",
" 上网主要是进行 web 页面浏览,所以 web 页面的精彩程度对一个网站的生 ",
" 人通过制作个人主页展现自己的才华,而且,由于出现了多种制作网页的软件 ",
" 但是,光用软件就成制作出你想要的各种页面效果吗?答案肯定是否定的但是,光用软件就成制作出你想要的各种页面效果吗?答案肯定是否定的 ",
"JavaScript 是 Netscape( 网景 ) 公司首先推出的一种针对 WEB 页面的解释型语 "
);

var x = 0; pos = 0;
var l = tl[0].length;
function textticker() {
document.tickform.tickfield.value = tl[x].substring(0, pos) + "_";
if(pos++ == l) {
pos = 0;
setTimeout("textticker()", 2000);
if(++x == max) x = 0;
l = tl[x].length;
} else
setTimeout("textticker()", 50);
}
// End –>
</script>
</HEAD>


第二步 : 把如下代码加入 <body> 区域中
<form name=tickform>
<textarea name=tickfield rows=3 cols=38 style="background-color: rgb(0,0,0); color: rgb(255,255,255); cursor: default; font-family: Arial; font-size: 12px" wrap=virtual>The news will appear here when the page has finished loading.
</textarea>
</form>


第三步 : 把 <body> 改为
<body bgcolor="#fef4d9" OnLoad="textticker()">

Q: 进入页面自动弹出的欢迎致词,个人网站可加……
A: 今天在公司网站上抓的,进入页面自动弹出的欢迎致词,个人网站可加上不免没有加好呀。加的位置应该可以看懂吧。
<html>
<head>
</head>
<body>
</body>
<script language="vbscript">
<!–
MsgBox"欢迎光临我的网站!"
–>
</script>
</html>

Q: 页面自动刷新说明 。
A: 当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。

1,页面自动刷新:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.

2,页面自动跳转:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.163.com">,其中20指隔20秒后跳转到http://www.163.com页面。

Q: 鼠标箭头变十字架代码(对一些特殊的网页有用) .
A: 你们自己试试效果就知道了.

<script language="JavaScript1.2">
<!–
if (document.all&&!window.print){
leftright.style.width=document.body.clientWidth-2
topdown.style.height=document.body.clientHeight-2
}
else if (document.layers){
document.leftright.clip.width=window.innerWidth
document.leftright.clip.height=1
document.topdown.clip.width=1
document.topdown.clip.height=window.innerHeight
}
function followmouse1(){
//move cross engine for IE 4+
leftright.style.pixelTop=document.body.scrollTop+event.clientY+1
topdown.style.pixelTop=document.body.scrollTop
if (event.clientX<document.body.clientWidth-2)
topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1
else
topdown.style.pixelLeft=document.body.clientWidth-2
}
function followmouse2(e){
//move cross engine for NS 4+
document.leftright.top=e.y+1
document.topdown.top=pageYOffset
document.topdown.left=e.x+1
}
if (document.all)
document.onmousemove=followmouse1
else if (document.layers){
window.captureEvents(Event.MOUSEMOVE)
window.onmousemove=followmouse2
}
function regenerate(){
window.location.reload()
}
function regenerate2(){
setTimeout("window.onresize=regenerate",400)
}
if ((document.all&&!window.print)||document.layers)
//if the user is using IE 4 or NS 4, both NOT IE 5+
window.onload=regenerate2
//–>
</script>
<style>
<!–
#leftright, #topdown{
position:absolute;
left:0;
top:0;
width:1px;
height:1px;
layer-background-color:#B0D0F8;
background-color:#00eeff;
z-index:100;
font-size:1px;
}
–>
</style>

【貼上】然後切換到您的網頁,按『Ctrl+V』將剛剛複製的程式碼貼在</head>之前。


<div id="leftright" style="width:expression(document.body.clientWidth-2)">
</div>
<div id="topdown" style="height:expression(document.body.clientHeight-2)">
</div>

【貼上】然後切換到您的網頁,按『Ctrl+V』將剛剛複製的程式碼貼在<body>之後任何位置。

【修改程式碼】
若想改改線的顏色,那就改background-color:#00eeff;這部份,後面的顏色碼就行了。

Q: 网站鼠标点击有烟花效果的代码 .
A: <SCRIPT LANGUAGE="JavaScript1.2">
<!– Begin
var ver = navigator.appVersion;
var dom = document.getElementById ? 1 : 0;
var ie5 = (ver.indexOf("MSIE 5") > -1 && dom) ? 1 : 0;
var n = (document.layers);
var ie = (document.all);

var sparksAflyin = 0;
var totalSparks = 0;
var sparksOn = 1;
function initMouseEvents() {
if (n) document.captureevents(event.mousedown | event.mousemove) }
function mouseDown(e) { i++):eval(‘anim_’+i+’_x[j]+mousex’); document.body.offsetheight+document.body.scrolltop:document.body.offsetHeight
+document.body.scrollTop-30; document.body.offsetwidth+document.body.scrollleft:document.body.offsetWidth
+document.body.scrollLeft-30; document.all.sdiv’+i+’.style.top:tempy; document.layers.sdiv’+i+’.left:tempx; document.layers.sdiv’+i+’.top:tempy;
totalsparks++= = ( }
if (totalSparks == 10) {
sparksAflyin = 0;
totalSparks = 0;
}
}
function SHOW(divName){
if (document.all)
eval(‘document.all.’+divName+’.style.visibility = "visible";’);
else if (document.layers)
eval(‘document.layers["'+divName+'"].visibility = "visible";’);
}
function HIDE(divName){
if (document.all)
eval(‘document.all.’+divName+’.style.visibility = "hidden";’);
else if (document.layers)
eval(‘document.layers["'+divName+'"].visibility = "hide";’);
}
anim_0_x=new Array(20,20,10,0,0,0,0,0,0,0,0,0);
anim_0_y=new Array(-20,-40,-60,-80,-60,-40,-20,0,20,40,60,80);
anim_1_x=new Array(20,20,17,36,60,78,90,92,93,98,108,120,133,152,181);
anim_1_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_2_x=new Array(20,20,2,3,4,5,6,7,8,9,10,12,13,15,18);
anim_2_y=new Array(-20,-20,-33,-38,-38,-27,-2,25,51,84,113,141,162,212,253);
anim_3_x=new Array(-20,-20,-2,-1,7,10,18,35,60,102,94,94,93,97,108,111,117,127);
anim_3_y=new Array(-20,-25,-64,-89,-104,-150,-173,-197,-213,-199,-151,-101,-66,-17,27,87,140,189);
anim_4_x=new Array(-20,-20,-10,-39,-30,-69,-64,-138,-154,-200,-181,-209,-191,-207,-203,-213,-202,-221,-211);
anim_4_y=new Array(-20,-20,-28,-51,-79,-100,-135,-154,-193,-183,-149,-134,-89,-60,8,51,107,157,201);
anim_5_x=new Array(-20,-29,-51,-72,-105,-133,-164,-189,-209,-229,-247,-270,-279,-282,-283,-283,-285,-286,-288);
anim_5_y=new Array(-20,-55,-86,-116,-154,-183,-205,-217,-217,-198,-169,-120,-44,-8,40,87,144,190,248);
anim_6_x=new Array(-20,-20,-7,14,44,79,143,186,217,226,234,244,250,259,265,274);
anim_6_y=new Array(-20,-21,-72,-113,-139,-166,-188,-181,-126,-68,-3,54,134,187,215,257);
anim_7_x=new Array(20,20,-3,-9,-13,-27,-33,-44,-54,-66,-77,-95,-107,-136,-150,-160,-164,-168,-171,-172,-172,-176,-175);
anim_7_y=new Array(-20,-26,-43,-63,-89,-116,-145,-169,-201,-222,-240,-253,-254,-245,-220,-195,-160,-124,-81,-53,-26,19,68);
anim_8_x=new Array(-20,20,-35,39,0,45,-1,24,-15,14,-20,35,-18,38,-11,16,49,64,81,93,100,103,109);
anim_8_y=new Array(-20,-20,-32,-42,-62,-76,-89,-107,-132,-147,-173,-180,-192,-209,-236,-193,-119,-73,-24,51,95,130,188);
anim_9_x=new Array(-20,-51,-89,-110,-165,-191,-228,-240,-259,-271,-277,-281,-287);
anim_9_y=new Array(-20,-20,-35,-37,-34,-16,10,47,105,150,189,227,273);
// End –>
</script>

<body bgcolor="#fef4d9" OnLoad="initMouseEvents()">

<div id="sparks">
<div id="sDiv0" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">a </div>
<div id="sDiv1" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">b </div>
<div id="sDiv2" style="position:absolute; visibility: hidden;"><font face="arial black" color="blue">c </div>
<div id="sDiv3" style="position:absolute; visibility: hidden;"><font face="arial black" color="red">d </div>
<div id="sDiv4" style="position:absolute; visibility: hidden;"><font face="arial black" color="orange">e </div>
<div id="sDiv5" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">f </div>
<div id="sDiv6" style="position:absolute; visibility: hidden;"><font face="arial black" color="green">g </div>
<div id="sDiv7" style="position:absolute; visibility: hidden;"><font face="arial black" color="skyblue">h </div>
<div id="sDiv8" style="position:absolute; visibility: hidden;"><font face="arial black" color="yellow">i </div>
<div id="sDiv9" style="position:absolute; visibility: hidden;"><font face="arial black" color="white">j </div>
</div>

Q: 文本随机输出,可以用来作公告栏,一个字一个字的输出,不错。。。
A: 脚本说明:
第一步:把如下代码加入<head>区域中
<SCRIPT LANGUAGE="JavaScript">
<!– Original: Tarjei Davidsen (the@rescueteam.com) –>

<!– This script and many more are available free online at –>
<!– The JavaScript Source!! http://javascript.internet.com –>

<!– Begin
var max=0;
function textlist() {
max=textlist.arguments.length;
for (i=0; i<max; i++)
this[i]=textlist.arguments[i];
}
tl = new textlist(
" 随着INTERNET时代的逐步到来,人们对网络的认识与感知越来越深刻",
"上网主要是进行web页面浏览,所以web页面的精彩程度对一个网站的生",
"人通过制作个人主页展现自己的才华,而且,由于出现了多种制作网页的软件",
"但是,光用软件就成制作出你想要的各种页面效果吗?答案肯定是否定的但是,光用软件就成制作出你想要的各种页面效果吗?答案肯定是否定的",
"JavaScript是Netscape(网景)公司首先推出的一种针对WEB页面的解释型语"
);

var x = 0; pos = 0;
var l = tl[0].length;
function textticker() {
document.tickform.tickfield.value = tl[x].substring(0, pos) + "_";
if(pos++ == l) {
pos = 0;
setTimeout("textticker()", 2000);
if(++x == max) x = 0;
l = tl[x].length;
} else
setTimeout("textticker()", 50);
}
// End –>
</script>
</HEAD>


第二步:把如下代码加入<body>区域中
<form name=tickform>
<textarea name=tickfield rows=3 cols=38 style="background-color: rgb(0,0,0); color: rgb(255,255,255); cursor: default; font-family: Arial; font-size: 12px" wrap=virtual>The news will appear here when the page has finished loading.</textarea>
</form>


第三步:把<body>改为
<body bgcolor="#fef4d9" OnLoad="textticker()">

集一些常用的JavaScript特效和函数

JavaScript中的URL编码解码方法

汉字转拼音(首字母)
页面输入判断是否为各种数字(如空、0~9数字、浮点数、电话手机号码、身份证、邮编等等)

所有相关的典型sql语句收集

2005年08月25日

『用CSS改变表格边框样式』

隐藏下边
隐藏上边框
隐藏左边框
隐藏右边框

css定义:

<td style="border-bottom-style: none; border-bottom-width: medium" height="25">隐藏下边</td>
<td height="25" style="border-top-style: none; border-top-width: medium">隐藏上边框</td>
<td style="border-left-style: none; border-left-width: medium" height="25">隐藏左边框</td>
<td style="border-right-style: none; border-right-width: medium" height="25">隐藏右边框</td>

CSS也能控制表格的交替颜色
<style type="text/css">
<!–
tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}
–>
</style>
</HEAD>
<table>
<tr><td>第1行</td><td>第1行</td></tr>
<tr><td>第2行</td><td>第2行</td></tr>
<tr><td>第3行</td><td>第3行</td></tr>
<tr><td>第4行</td><td>第4行</td></tr>
<tr><td

手把手教你用css美化表格边框
CSS制作标签卡Tab效果
用CSS实现表格的伸缩
CSS中实现表格颜色渐变
.table1{
 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D2E9F4,endColorStr=#edf8fd)
 background-color: #ffffff;
 border-right: 3px solid #D9E4E4;
 border-left: 3px solid #D9E4E4;
 margin-left: 5;
 margin-top: 5;
 margin-bottom: 5;
 }

gradientType=1就是左右渐变
鼠标指向单元格变色
onmouseout="this.style.backgroundcolor=”" 鼠标离开效果onmouseover="this.style.backgroundcolor=’#FFcccc’"鼠标放上去的效果,可以修改#FFcccc的值来改变颜色
<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td onmouseout="this.style.backgroundcolor=”" onmouseover="this.style.backgroundcolor=’#FFcccc’"> </td>
</tr>
<tr>
<td onmouseout="this.style.backgroundcolor=”" onmouseover="this.style.backgroundcolor=’#FFccaa’"> </td>
</tr>
</table>
立体表格


<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="86"
bordercolorlight="#000000" bordercolordark="#eeeeee" bgcolor="#B7B7B7" >立体</td>
<td width="108"
bordercolorlight="#000000" bordercolordark="#eeeeee" bgcolor="#B7B7B7" >表格</td>
</tr>
</table>
阴影表格


这里主要用到了cSS滤镜style="filter:shadow(color=#cccccc,direction=120);width:300;padding-right:10;padding-bottom:10"
<div style="filter:shadow(color=#cccccc,direction=120);width:300;padding-right:10;padding-bottom:10">
<table width=300 border=1 bgcolor=#EAEAEA>
<tr><td width="93">111</td><td width="91">222</td><td width="94">333</td></tr>
</table>
</div>
  附:插入cSS样式的方法(我们这里用半透明表格来做说明)
  第一种方法是定义一个cSS名称。
  比如
<style type="text/css">
<!–
.bg {
background-color: #66ccFF;
filter: Alpha(Opacity=20);
}
–>
  元素需要用到cSS的时候,比如表格,定义一个cLASS就可以了,如
<table width="200" border="0" cellpadding="0" cellspacing="0" class="bg">
  第二种是直接在你需要用到cSS元素的地方插入相关代码,style=""如:
<table width="201" border="1" style="filter: Alpha(Opacity=20);background-color: #66ccFF;">


<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="86"
bordercolorlight="#000000" bordercolordark="#eeeeee" bgcolor="#B7B7B7" >立体</td>
<td width="108"
bordercolorlight="#000000" bordercolordark="#eeeeee" bgcolor="#B7B7B7" >表格</td>
</tr>
</table>
阴影表格


这里主要用到了cSS滤镜style="filter:shadow(color=#cccccc,direction=120);width:300;padding-right:10;padding-bottom:10"
<div style="filter:shadow(color=#cccccc,direction=120);width:300;padding-right:10;padding-bottom:10">
<table width=300 border=1 bgcolor=#EAEAEA>
<tr><td width="93">111</td><td width="91">222</td><td width="94">333</td></tr>
</table>
</div>
  附:插入cSS样式的方法(我们这里用半透明表格来做说明)
  第一种方法是定义一个cSS名称。
  比如
<style type="text/css">
<!–
.bg {
background-color: #66ccFF;
filter: Alpha(Opacity=20);
}
–>
  元素需要用到cSS的时候,比如表格,定义一个cLASS就可以了,如
<table width="200" border="0" cellpadding="0" cellspacing="0" class="bg">
  第二种是直接在你需要用到cSS元素的地方插入相关代码,style=""如:
<table width="201" border="1" style="filter: Alpha(Opacity=20);background-color: #66ccFF;">

gradientType=1就是左右渐变
鼠标指向单元格变色
onmouseout="this.style.backgroundcolor=”" 鼠标离开效果onmouseover="this.style.backgroundcolor=’#FFcccc’"鼠标放上去的效果,可以修改#FFcccc的值来改变颜色
<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td onmouseout="this.style.backgroundcolor=”" onmouseover="this.style.backgroundcolor=’#FFcccc’"> </td>
</tr>
<tr>
<td onmouseout="this.style.backgroundcolor=”" onmouseover="this.style.backgroundcolor=’#FFccaa’"> </td>
</tr>
</table>
立体表格


<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="86"
bordercolorlight="#000000" bordercolordark="#eeeeee" bgcolor="#B7B7B7" >立体</td>
<td width="108"
bordercolorlight="#000000" bordercolordark="#eeeeee" bgcolor="#B7B7B7" >表格</td>
</tr>
</table>
阴影表格


这里主要用到了cSS滤镜style="filter:shadow(color=#cccccc,direction=120);width:300;padding-right:10;padding-bottom:10"
<div style="filter:shadow(color=#cccccc,direction=120);width:300;padding-right:10;padding-bottom:10">
<table width=300 border=1 bgcolor=#EAEAEA>
<tr><td width="93">111</td><td width="91">222</td><td width="94">333</td></tr>
</table>
</div>
  附:插入cSS样式的方法(我们这里用半透明表格来做说明)
  第一种方法是定义一个cSS名称。
  比如
<style type="text/css">
<!–
.bg {
background-color: #66ccFF;
filter: Alpha(Opacity=20);
}
–>
  元素需要用到cSS的时候,比如表格,定义一个cLASS就可以了,如
<table width="200" border="0" cellpadding="0" cellspacing="0" class="bg">
  第二种是直接在你需要用到cSS元素的地方插入相关代码,style=""如:
<table width="201" border="1" style="filter: Alpha(Opacity=20);background-color: #66ccFF;">


<table border="1" bordercolorlight="#ffffff" bordercolordark="#ffffff" width="200" cellpadding="0" cellspacing="0">
<tr align="center">
<td width="86"
bordercolorlight="#000000" bordercolordark="#eeeeee" bgcolor="#B7B7B7" >立体</td>
<td width="108"
bordercolorlight="#000000" bordercolordark="#eeeeee" bgcolor="#B7B7B7" >表格</td>
</tr>
</table>
阴影表格


这里主要用到了cSS滤镜style="filter:shadow(color=#cccccc,direction=120);width:300;padding-right:10;padding-bottom:10"
<div style="filter:shadow(color=#cccccc,direction=120);width:300;padding-right:10;padding-bottom:10">
<table width=300 border=1 bgcolor=#EAEAEA>
<tr><td width="93">111</td><td width="91">222</td><td width="94">333</td></tr>
</table>
</div>
  附:插入cSS样式的方法(我们这里用半透明表格来做说明)
  第一种方法是定义一个cSS名称。
  比如
<style type="text/css">
<!–
.bg {
background-color: #66ccFF;
filter: Alpha(Opacity=20);
}
–>
  元素需要用到cSS的时候,比如表格,定义一个cLASS就可以了,如
<table width="200" border="0" cellpadding="0" cellspacing="0" class="bg">
  第二种是直接在你需要用到cSS元素的地方插入相关代码,style=""如:
<table width="201" border="1" style="filter: Alpha(Opacity=20);background-color: #66ccFF;">