<![CDATA[biyuan的专栏]]> [原创] Select控件美化
以下为程序代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Select控件美化</title>
<style type="text/css">
.Select_txt {
        background:#383931 url(select.gif) no-repeat right;
        font-size:12px;
        height:20px;
        line-height:20px;
        position:relative;
        z-index:1;
        text-indent:0.3em;
        border:1px solid #171814;
        cursor:default;
        color:#878884;
        text-align:left;
}
.Select_list {
        background:#383931;
        font-size:12px;
        position:absolute;
        z-index:2;
        text-indent:0.3em;
        border:1px solid #171814;
        line-height:20px;
        cursor:default;
        color:#878884;
        text-align:left;
}
.Select_list_over {
        background:#1A1B17;
}
.Select_list_out {
        background:#383931;
        position:relative;
        z-index:10;
}
select {
        position:relative;
        top:0px;
        left:0px;
}
</style>
<script language="JavaScript">
function $(str){
        return document.getElementById(str);
}
function addEvent() {
        if (!document.all){
                arguments[0].addEventListener(arguments[1], arguments[2], false);
        }
        else {
                
                arguments[0].attachEvent("on" + arguments[1], arguments[2]);
        }
}
function delEvent() {
        if (!document.all){
                arguments[0].removeEventListener(arguments[1], arguments[2], false);
        }
        else {
                
                arguments[0].detachEvent("on" + arguments[1], arguments[2]);
        }
}
function changeIndex(s, t){
        $(t).selectedIndex = s;
        $("_select_" + t).innerHTML = $(t).options[$(t).selectedIndex].innerHTML;
        $("_select_txt_" + t).style.display = "none";
        if($(t).onchange){
                $(t).onchange();
        }
}
function selectLoad(){
        var sels = document.getElementsByTagName("select");
        for(var i = 0; i < sels.length; i ++){
                var txt = document.createElement("div");
                txt.className = "Select_txt";
                txt.style.width = sels[i].offsetWidth + "px";
                txt.innerHTML = sels[i].options[sels[i].selectedIndex].innerHTML;
                txt.id = "_select_" + sels[i].id;
                var _txt = document.createElement("div");
                _txt.className = "Select_list";
                _txt.style.width = txt.style.width;
                _txt.style.top = sels[i].offsetTop + 20 + "px";
                _txt.style.left = sels[i].offsetLeft + "px";
                _txt.id = "_select_txt_" + sels[i].id;
                var ops = sels[i].options;
                for(var k = 0; k < ops.length; k ++){
                        _txt.innerHTML += "<div onmouseover=\"this.className='Select_list_over'\" onmouseout=\"this.className='Select_list_out'\" onclick=\"changeIndex(" + k + ", '" + sels[i].id + "')\">" + ops[k].innerHTML + "</div>";
                }
                _txt.style.display = "none";
                document.body.appendChild(_txt);
                txt.onclick = new Function("$('_select_txt_" + sels[i].id + "').style.display=$('_select_txt_" + sels[i].id + "').style.display=='block'?'none':'block';");
                sels[i].parentNode.insertBefore(txt, sels[i].nextSibling);
                sels[i].style.display = "none";
        }
}
addEvent(window, "load", selectLoad);
</script>
</head>
<body>
<form>
<table border="0">
<tr>
<td>
        <select onchange="alert(value)" id="select1">
                <option value="1">选项1</option>
                <option value="2" selected>选项2</option>
                <option value="3">选项3</option>
                <option value="4">选项4</option>
                <option value="5">选项5</option>
                <option value="我就是我">选项</option>
        </select>
</td>
</tr>
<tr>
<td>
        <select onchange="alert(value)" id="select2">
                <option value="1">选项1</option>
                <option value="2">选项2</option>
                <option value="3">选项3</option>
                <option value="4">选项4</option>
                <option value="5">这个选项再长点</option>
        </select>
</td>
</tr>
</table>
</form>
</body>
</html>

]]> 2008-11-11 17:01:03 biyuan 股票 熊市终于来了，原本靠股票吃饭的三个朋友无奈开始找工作。三人一同来到某饭馆应聘。

老板问头一位：“你有什么特长？”

答：“我以前做操盘手，会炒。”

问：“手艺怎么样？”

答：“也没什么，只不过能把股价从5元炒到50元而已。”

老板很开心，说：“果然会炒，很好，我这里正需要一个大厨，就是你了。”

第二个人递上了履历表，老板翻了翻，说道：“噢，是股评家呀。这样吧，你的工作就是每天站在门口，见人就给我往里拉，这点事对你来说不难吧？”

第二人笑道：“简单，简单。”

老板转头问第三个人：“你是干什么的？”那人羞得满脸通红，不敢吱声。第二个人急忙说道：“他是我带来的，散户出身，洗碗扫地什么的随便安排个活就行。”老板有些为难，说：“我这里很高级的，要散户作什么？”

]]> 2008-10-30 14:14:25 biyuan 在FB滑水看到的搞笑对话 1.论坛楼主：我和女朋友的照片，天涯朋友轻砸～

　　　　　　论坛回复：植物的性器官插在长角偶蹄类动物的排泄物上……

2.论坛楼主：我新买了一处庄园，有多大说出来吓死你——我开车绕一圈足足用了两个半小时！！！

　　　　　　论坛沙发：嗯，以前我也有这么一辆破车～　 　

3.论坛楼主：你们女人大夏天的戴胸罩不热吗？

　　　　　　论坛回复：我们不带你们会热……

4.论坛楼主：和女友ML时，女友好像喊了另一个男人的名字……

　　　　　　论坛沙发：你日了别人的女人你还有什么不满意的！！！

]]> 2008-10-25 11:35:09 biyuan 北京地名谈趣

北京的街巷胡同密如蜘蛛网，不计其数，街巷名称也五花八门，饶有趣味。

北京街巷名堂之多，外地少有，诸如街、路、门、条、巷、胡同、院、大院、厂、坊、桥、井、市、口、营、池子、寺、庙、潭、宫、司、库、河、河沿、栅栏、作、局、淀、境、窑、站、庄、楼、……等等、多如天上繁星。据老者称，北京街巷原来大都没有正式命名，而是人云亦云地叫出来的，久而久之便约定俗成。而北京的地名，大体上可分为十多种类型。

]]> 2008-10-24 16:59:37 biyuan 被中国人误传了数千年的七句话 在中国崇尚权威的文化氛围中，名人名言占的地位是很重的，很多名家说的话，往往被人民当成指导自己人生观世界观的不二准则，但这些几千年流传下来的名言中，也有一些话被人刻意或无知地曲解，背离了话语者本身的意旨与初衷，迷惑了天下万千受众。影不才，试举数例解析一二，以还世情真相与大众……好了我再文诌诌地说话大家估计要扔鸡蛋，虚荣心也满足了，下面开始举例开讲。

1、以德抱怨

原句：“或曰：‘以德报怨，何如？’子曰：“何以报德？以直报怨，以德报德” ————《论语 宪问》

以德抱怨，是我们常听到的一句话了，人们通常理解的“以德抱怨”什么意思呢？就是说：孔老夫子教我们，别人欺负你了，你要忍，被打碎牙齿也要往肚子里吞，别人来欺负你，你反而应该对他更好，要用你的爱心去感化他，用你的胸怀去感动他。这就让人感觉很有点肃然了。想想看，如果我一巴掌呼过去那个被打的人还笑笑说打得好啊，你越打我我就要对你越好……遇到这种情况我也会感动到傻眼，这多好一孩子，多伟大的情操啊……

]]> 2008-08-29 09:47:57 biyuan 改变链接，让别人永远找不到你的程序 首先，建一个文件夹，把你要隐藏的文件放在里面，你的所有黑客程序什么的。

假设你建的文件夹叫hacker

然后呢，我们给这个文件夹加个扩展名（后缀）

hacker.{20D04FE0-3AEA-1069-A2D8-08002B30309D}

把它放在桌面

你会惊奇滴发现，原来的文件夹变成了 “我的电脑”

嘿嘿。。。。~你怎么点它都只会进“我的电脑”了。。。。

回收站：

{645ff040-5081-101b-9f08-00aa002f954e}

拔号网络：

{992CFFA0-F557-101A-88EC-00DD010CCC48}

]]> 2008-08-28 09:53:06 biyuan 一老乞丐的一句话感动全中国人 那是去年秋天的一个下午，我们两个又坐在那个小馆里推杯换盏，不是午饭时间，店里只有我们两个老回头客，饭店小老板也拎杯啤酒坐我们两个旁边闲扯，这是个很慵懒的午后。

在我们要第二盘水爆肚的时候，一个老乞丐推门而入。

饭店地处繁华地带，经常有落魄者和伪装的落魄者来寻求帮助，我们也都见怪不怪，这家小饭馆的小老板挺有人情味，每逢有这样的事，或多或少他都要给两个，今天也不例外，没等老人开口，他掏出一块钱递了过去。老人不要，声音很含混的说不要不要，不要钱，有剩饭给一口就成。

这令我们很诧异――――这是一个真正的“要饭”的，他不要钱。我不由得仔细打量老人，他得有80多了，身板还算硬朗，腰挺的很直，最难得的是一身衣服虽然破旧，但是基本上算干净的，这在乞丐当中绝对是很少见的。

]]> 2008-07-07 23:44:46 网络转载 相当实用的Ubuntu命令大全 相当实用的Ubuntu命令大全！学完了肯定是高手！

1 文件管理 # ls ls -a 列出当前目录下的所有文件，包括以.头的隐含文件

文件管理 # ls ls -l或ll 列出当前目录下文件的详细信息

文件管理 # pwd pwd 查看当前所在目录的绝对路经

文件管理 # cd cd .. 回当前目录的上一级目录

文件管理 # cd cd - 回上一次所在的目录

文件管理 # cd cd ~ 或 cd 回当前用户的宿主目录

文件管理 # cd cd ~用户名 回指定用户的宿主目录

2 文件管理 # mkdir mkdir 目录名 创建一个目录

]]> 2008-07-04 11:10:02 biyuan