- 昵称:biyuan
- 来自:湖北武汉
- QQ:6010707
- 邮箱:netscript#163.com
用户信息
作者近照
日志分类
日志存档
日志搜索
最新评论
友情来往
[原创] Select控件美化 (2008-11-11 17:01:03)<!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-10-30 14:14:25)熊市终于来了,原本靠股票吃饭的三个朋友无奈开始找工作。三人一同来到某饭馆应聘。
老板问头一位:“你有什么特长?”
答:“我以前做操盘手,会炒。”
问:“手艺怎么样?”
答:“也没什么,只不过能把股价从5元炒到50元而已。”
老板很开心,说:“果然会炒,很好,我这里正需要一个大厨,就是你了。”
第二个人递上了履历表,老板翻了翻,说道:“噢,是股评家呀。这样吧,你的工作就是每天站在门口,见人就给我往里拉,这点事对你来说不难吧?”
第二人笑道:“简单,简单。”
老板转头问第三个人:“你是干什么的?”那人羞得满脸通红,不敢吱声。第二个人急忙说道:“他是我带来的,散户出身,洗碗扫地什么的随便安排个活就行。”老板有些为难,说:“我这里很高级的,要散户作什么?”
[阅读全文]
在FB滑水看到的搞笑对话 (2008-10-25 11:35:09)1.论坛楼主:我和女朋友的照片,天涯朋友轻砸~
论坛回复:植物的性器官插在长角偶蹄类动物的排泄物上……
2.论坛楼主:我新买了一处庄园,有多大说出来吓死你——我开车绕一圈足足用了两个半小时!!!
论坛沙发:嗯,以前我也有这么一辆破车~
3.论坛楼主:你们女人大夏天的戴胸罩不热吗?
论坛回复:我们不带你们会热……
4.论坛楼主:和女友ML时,女友好像喊了另一个男人的名字……
论坛沙发:你日了别人的女人你还有什么不满意的!!!
[阅读全文]
北京地名谈趣 (2008-10-24 16:59:37)
北京的街巷胡同密如蜘蛛网,不计其数,街巷名称也五花八门,饶有趣味。
北京街巷名堂之多,外地少有,诸如街、路、门、条、巷、胡同、院、大院、厂、坊、桥、井、市、口、营、池子、寺、庙、潭、宫、司、库、河、河沿、栅栏、作、局、淀、境、窑、站、庄、楼、……等等、多如天上繁星。据老者称,北京街巷原来大都没有正式命名,而是人云亦云地叫出来的,久而久之便约定俗成。而北京的地名,大体上可分为十多种类型。
[阅读全文]
被中国人误传了数千年的七句话 (2008-08-29 09:47:57)在中国崇尚权威的文化氛围中,名人名言占的地位是很重的,很多名家说的话,往往被人民当成指导自己人生观世界观的不二准则,但这些几千年流传下来的名言中,也有一些话被人刻意或无知地曲解,背离了话语者本身的意旨与初衷,迷惑了天下万千受众。影不才,试举数例解析一二,以还世情真相与大众……好了我再文诌诌地说话大家估计要扔鸡蛋,虚荣心也满足了,下面开始举例开讲。
1、以德抱怨
原句:“或曰:‘以德报怨,何如?’子曰:“何以报德?以直报怨,以德报德” ————《论语 宪问》
以德抱怨,是我们常听到的一句话了,人们通常理解的“以德抱怨”什么意思呢?就是说:孔老夫子教我们,别人欺负你了,你要忍,被打碎牙齿也要往肚子里吞,别人来欺负你,你反而应该对他更好,要用你的爱心去感化他,用你的胸怀去感动他。这就让人感觉很有点肃然了。想想看,如果我一巴掌呼过去那个被打的人还笑笑说打得好啊,你越打我我就要对你越好……遇到这种情况我也会感动到傻眼,这多好一孩子,多伟大的情操啊……
[阅读全文]
改变链接,让别人永远找不到你的程序 (2008-08-28 09:53:06)首先,建一个文件夹,把你要隐藏的文件放在里面,你的所有黑客程序什么的。
假设你建的文件夹叫hacker
然后呢,我们给这个文件夹加个扩展名(后缀)
hacker.{20D04FE0-3AEA-1069-A2D8-08002B30309D}
把它放在桌面
你会惊奇滴发现,原来的文件夹变成了 “我的电脑”
嘿嘿。。。。~你怎么点它都只会进“我的电脑”了。。。。
回收站:
{645ff040-5081-101b-9f08-00aa002f954e}
拔号网络:
{992CFFA0-F557-101A-88EC-00DD010CCC48}
[阅读全文]
一老乞丐的一句话感动全中国人 (2008-07-07 23:44:46)那是去年秋天的一个下午,我们两个又坐在那个小馆里推杯换盏,不是午饭时间,店里只有我们两个老回头客,饭店小老板也拎杯啤酒坐我们两个旁边闲扯,这是个很慵懒的午后。
在我们要第二盘水爆肚的时候,一个老乞丐推门而入。
饭店地处繁华地带,经常有落魄者和伪装的落魄者来寻求帮助,我们也都见怪不怪,这家小饭馆的小老板挺有人情味,每逢有这样的事,或多或少他都要给两个,今天也不例外,没等老人开口,他掏出一块钱递了过去。老人不要,声音很含混的说不要不要,不要钱,有剩饭给一口就成。
这令我们很诧异――――这是一个真正的“要饭”的,他不要钱。我不由得仔细打量老人,他得有80多了,身板还算硬朗,腰挺的很直,最难得的是一身衣服虽然破旧,但是基本上算干净的,这在乞丐当中绝对是很少见的。
[阅读全文]
相当实用的Ubuntu命令大全 (2008-07-04 11:10:02)相当实用的Ubuntu命令大全!学完了肯定是高手!
1 文件管理 # ls ls -a 列出当前目录下的所有文件,包括以.头的隐含文件
文件管理 # ls ls -l或ll 列出当前目录下文件的详细信息
文件管理 # pwd pwd 查看当前所在目录的绝对路经
文件管理 # cd cd .. 回当前目录的上一级目录
文件管理 # cd cd - 回上一次所在的目录
文件管理 # cd cd ~ 或 cd 回当前用户的宿主目录
文件管理 # cd cd ~用户名 回指定用户的宿主目录
2 文件管理 # mkdir mkdir 目录名 创建一个目录
[阅读全文]

