2007年9月15日星期六

My Desktop

利用Windows自定义桌面的Web元素,做了一个Todolist小工具。
可能只适合我这种不用壁纸的Windows用户吧。
存储列表简单地使用了Cookie,不一定适用于所有用户。
CSS滤镜的光效还是挺有趣的,呵呵。


<style>
body{
    background:background;
}
textarea{
    background:infobackground;
    color:windowtext;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0px;    
}
</style>
<SCRIPT>
function w(txt){
    if(event.keyCode==10 ){//Ctrl + s    保存
        document.cookie = "s="+encodeURIComponent(txt)+"; expires=Fri, 31 Dec 2999 23:59:59 GMT;";
        saveit();
    }else if(event.keyCode==17){//Ctrl + q    隐藏
         t.style.display = "none";
    }
}
function saveit(){
    t.style.color = "graytext";
    setTimeout("t.style.color = \"windowtext\"",500);
    alert("保存成功");
}
function lightit(){根据鼠标位置给光
    r=Math.sqrt(Math.pow(event.clientX,2)+Math.pow(event.clientY,2));
    r=r/86;
    x=event.clientX/r;
    y=event.clientY/r;

    turnoff();
    t.filters[0].addCone(-60,-60,12*(1+r), event.clientX/2,event.clientY/2,255,255,0,10,22.5);
}
function turnoff(){//关灯
    t.filters[0].clear();
    t.filters[0].addAmbient(90,140,210,90);
}
window.onload=function(){
    t.value=decodeURIComponent (document.cookie.substr(2).replace(/;\sshowInheritedProperty\=false/mg,""));
    turnoff();
}

</SCRIPT>

<textarea onkeypress = "w(this.value)" onmouseover="this.focus();" onmousemove="lightit()" onmouseout="turnoff()" id="t"  style="filter:progid: DXImageTransform.Microsoft.Light();"></textarea>
<span>Note</span>

没有评论: