获取输入框焦点，字段清空

作者:brjhi 日期:2011-10-20

根据父级id，找到其所有input对象，不用每个去判断，不用每个加id，遗憾的是IE下，当dom已经加载，input的type属性无法修改。

Javascript代码

function $(id){
return document.getElementById(id);
}
function clickInput(elementId, currentClassName, newClassName){
var input=$(elementId).getElementsByTagName("input"),
i=0,
l=input.length,
value=[];
for(; i<l; i++){
value.push(input[i].value);
(function(){
var n=i;
input[i].onfocus=function(){
if((input[n].value==value[n]) && (input[n].value!="password")){
input[n].value="";
input[n].className=newClassName;
}
if((input[n].value==value[n]) && (input[n].value=="password")){
input[n].type="password";
input[n].value="";
input[n].className=newClassName;
}
}
input[i].onblur=function(){
if((input[n].value=="") && (input[n].type!="password")){
input[n].value=value[n];
input[n].className=currentClassName;
}
if((input[n].value=="") && (input[n].type=="password")){
input[n].type="text";
input[n].value=value[n];
input[n].className=currentClassName;
}
}
})();
}
}
clickInput("forms", "forms_text" , "forms_text1");

分类:原创 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 256

Firefox的Linear Gradients

作者:brjhi 日期:2011-09-11

Firefox的Linear Gradients (线性渐变)的几点说明：

    Firefox的Linear Gradients (线性渐变) 基本语法：background-image:-moz-linear-gradient([<point> | | <angle>，] , 开始颜色值,结束颜色值, [(停靠颜色值,偏移量百分数),...] );
    -moz-linear-gradient是background的一个属性值；
    第一组参数<角度位置>为非常灵活，他的基本组成点位 <point> （渐变的出发点）和角度；

分类:转载 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 321

Webkit内核浏览器的Linear Gradients

作者:brjhi 日期:2011-09-11

webkit内核的safari、 Chrome的Linear Gradients (线性渐变)的几点说明及演示：

    webkit内核的safari、 Chrome的Linear Gradients (线性渐变) 基本语法：background-image:-webkit-gradient(type,x1 y1, x2 y2, from(开始颜色值),to(结束颜色值), [color-stop(偏移量小数,停靠颜色值),...] );
    -webkit-gradient是background的一个属性值；
    webkit内核的Linear Gradients (线性渐变) 第一组参数type（类型）为 linear；

分类:转载 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 305

思考：HTML5将带来什么？

作者:brjhi 日期:2011-09-10

　　作为科技巨头的角力工具，这个互联网产业迫切需要的新标准，其诞生很可能会是个漫长的过程。

　　2010年上半年的苹果与Adobe的冲突，使HTML5的存在一夜之间被很多人所知晓。在乔布斯的煽动下，这一已经在科技界潜行数年的下一代Web标准，被迅速拎到了台面上，苹果、谷歌、微软这科技界三巨头，连同众多业界明星，似乎突然对HTML5变得情有独钟，利益集团的之间的争夺，成了这个技术最好的催化剂。