本文旨在大家对select和模拟select有一个全面地了解,使此项技术能发挥出更高的水平。
最初的select的确很平淡,就是一个下拉选项列表:
运行代码框<style> select,option {background-color:lime} </style> <select> <center> <option>1 <option>2 <option>不是一样的嘛</select> <style> select,option {background-color:lime;font-family:华文行楷;color:red;} </style> <select name="select" onfocus="this.options[0].innerText='上海'"> <option value="上海">上海</option> <option value="北京">北京</option> <option value="香港">香港</option> </select> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
日久天长之后,人们对select要求高了,要修一修边幅:
运行代码框<br><br> <script> i=1; </script> <center> <form name="form1"> <select name="select01"> <option>11111 111111 111111111111</option> <option>2222222</option> <option>333333</option> <option>4444444</option> </select> <span style="position:relative;left:-23px;width:17px;height:17px;font:7px 'wingdings 3';color:#cc0000;background:cyan;border:2px outset;text-align:center;padding-top:3px;cursor:default" onclick="if(i>=document.form1.select01.options.length){i=0}document.form1.select01.options[i].selected=true;i++">q <iframe src="" style="position:absolute;top:0;left:0;z-index:-1; width:15px;height:15px;filter:alpha(opacity=0))" frameborder="0"></iframe> </span> </form> <br><br><br> <HTML> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/HTML; charset=gb2312"> <style> .table1{background-color:white;FONT-FAMILY: Courier New, Courier;font-size:12px} .td_out{FONT-FAMILY: Courier New, Courier;font-size:12px;color:#000000;height:15px;border:1 solid #ffffff;} .td_over{FONT-FAMILY: Courier New, Courier;font-size:12px;cursor:default;background-color:#3366cc;border:1 solid #000000;color:#ffffff;height:15px} .slv{vertical-align:bottom;FONT-FAMILY: Courier New, Courier;font-size:12px;border-left-width:0;border-top-width:0;border-bottom-width:0;border-right:0 solid #000000;vertical-align:middle;height:18px;color:#000000;} .down{position:relative;left:-2px;font-size:11px;vertical-align:middle;width:16;height:16;color:#2050b0;background-color:#D0DFF7;border:1 solid #9fA3Ce;writing-mode:tb-rl;font-weight:bold; } .seldiv{ position:absolute;z-index:1000;overflow-x:hidden;border-left:1 solid #000000;border-bottom:1 solid #000000;border-right:1 solid #000000; SCROLLBAR-FACE-COLOR: #d0dff7; SCROLLBAR-HIGHLIGHT-COLOR: #d0dff7; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #d0dff7;} </style> <script language="JavaScript"> document.onclick=hiddenDiv; function getDivCount() { var arr=document.all; re=0; for (i=0;i<arr.length;i++) { str=arr[i].id; if (str.indexOf("ZfDiv_")==0) { re++; } } return re; } function getI(ObjId) {//取得objId的最后一位数字 for (i=0;i<ObjId.length;i++) { if (ObjId.charAt(i)=="_") return ObjId.substr(i+1,ObjId.length-1); } return 0; } function select_edit(TextObj){//鼠标经过高亮度 TextObj.focus();TextObj.select(); } function checkValue(ID){ var sl=document.all["ZfText_"+ID]; var sv=document.all["ZfDiv_"+ID]; var da=document.all["ZfData_"+ID]; sv.style.display='' for(i=0;i<da.rows.length;i++)da.rows[i].style.display='' for(i=0;i<da.rows.length;i++){ if(da.rows[i].cells[0].innerText.indexOf(sl.value)!=0)da.rows[i].style.display='none'; getPosition(ID); } } function getL(e){ var l=e.offsetLeft; while(e=e.offsetParent){ l+=e.offsetLeft; } return l } function getT(e){ var t=e.offsetTop; while(e=e.offsetParent){ t+=e.offsetTop; } return t } function getPosition(ID){ var sv=document.all["ZfDiv_"+ID]; var sl=document.all["ZfText_"+ID]; var spn=document.all["ZfSpan_"+ID]; var da=document.getElementById("ZfData_"+ID); sv.style.pixelWidth=spn.offsetWidth; da.style.pixelWidth=sv.offsetWidth; sv.style.pixelLeft=getL(spn); sv.style.pixelTop=getT(spn)+sl.offsetHeight+3; if(da.offsetHeight>200){ sv.style.pixelHeight=200; sv.style.overflowY='scroll'; } else { sv.style.pixelHeight=da.offsetHeight; sv.style.overflowY='hidden'; } } function dropDown(ID){ var sv=document.all["ZfDiv_"+ID] var tb=document.all["ZfData_"+ID] if(sv.style.display=='none'){ sv.style.display=''; for(i=0;i<tb.rows.length;i++)tb.rows[i].style.display='' getPosition(ID); } else { sv.style.display='none'; } }//下拉摸拟层 function hiddenDiv(){ var o=window.event.srcElement.id; var tb var sv if(o=="") { for (j=0;j<getDivCount();j++) { tb=document.getElementById('ZfData_'+j); sv=document.getElementById('ZfDiv_'+j); for(i=0;i<tb.rows.length;i++) tb.rows[i].style.display=''; sv.style.display='none'; } } }//隐藏模拟层 function setValue(obj){ var i=getI(obj.parentElement.parentElement.parentElement.id); //alert(obj.parentElement.parentElement.parentElement.id); var sl=document.all["ZfText_"+i]; var sv=document.all['ZfDiv_'+i]; sl.value=obj.innerText; sv.style.display='none'; //sldIndex=obj.parentElement.rowIndex; }//给文本框赋值 function over(obj){ obj.className="td_over" obj.title=obj.innerText obj.focus(); }//鼠标经过变色 function out(obj){ obj.className="td_out" }//鼠标离开还原 function String.prototype.Trim(){return this.replace(/(^\s*)|(\s*$)/g,'')}//自定义去空格函数Trim() //增加list的接口,ID表示该组控件是页面中的第几个 function add(v,ID){ var sv=document.all['ZfDiv_'+ID]; if(!v.Trim()){return;} var tb=document.all['ZfData_'+ID]; var c=tb.insertRow(tb.rows.length).insertCell(); c.innerHTML='<nobr>'+v.Trim()+'</nobr>'; c.onmouseover=new Function("over(this)"); c.onmouseout=new Function("out(this)"); c.onclick=new Function("setValue(this)"); c.className="td_out"; v=''; } //增加inpnubox的接口,在页面中产生一个inputbox控件,下拉列表为空 function addText(name,DefValue) { var i=getDivCount(); document.write('<span id="ZfSpan_'+i+'" style="border:1 solid #9CA0CB">'); document.write('<input type="text" value="'+DefValue+'" name="'+name+'" id="ZfText_'+i+'" ondblclick="ZfDrop_'+i+'.click()" class="slv" onmouseover="select_edit(this)" onkeyup="checkValue('+i+')"><input type=button id="ZfDrop_'+i+'" value=">" onclick="this.hideFocus=true;dropDown('+i+');" class="down" onmouseover="this.style.backgroundColor=#EEF3FD" onmouseout="this.style.backgroundColor=\'\'" onmousedown="this.style.backgroundColor=#ABC4F5" onmouseup="this.style.backgroundColor=\'\'"></span>'); document.write('<div id="ZfDiv_'+i+'" class="seldiv" style="display:none;"><table id="ZfData_'+i+'"<a class="font_12" title="在这里你会得到众多高手的技术帮助" href="http://group.qqread.com" target="_blank">进入讨论组</a>讨论。 <div class="left_6"> <img src="/2007css/dian_1.gif" alt="更多专题" width="11" height="9" /> <span class="font_4">【深 度 阅 读】</span> 相 关 文 章 <div class="left_6_1_1"><li><a href="/pcbase/2006/12/j286980.html" title="开机提示reboot and select proper boot device or insert boot Media in selected boot device的解决" target="_blank">开机提示reboot and select proper boot device</a></li><li><a href="/sqlserver/2006/06/f436116052.html" title="SELECT语句" target="_blank">SELECT语句</a></li><li><a href="/sqlserver/2006/11/t284036.html" title="深入浅出SQL教程之SELECT语句的自连接" target="_blank">深入浅出SQL教程之SELECT语句的自连接</a></li><li><a href="/oracle/2007/03/e299673.html" title="在ORACLE中实现SELECT TOP N的方法" target="_blank">在ORACLE中实现SELECT TOP N的方法</a></li></div> </div> </div> <div class="left_4"></div> <div class="left_12">【<a onClick="window.external.addFavorite(document.location.href,document.title)" style="cursor:pointer">收藏此文</a>】【<a href="javascript:doZoom(16)">大</a> <a href="javascript:doZoom(14)">中</a> <a href="javascript:doZoom(12)">小</a>】【<a href="javascript:doPrint()">打印</a>】【<a href="javascript:window.close()">关闭</a>】</div> <div class="left_11"><span class="font_8">较早的文章:</span><a href="/javascript/c227731.html" target="_blank" title="PHP+javascript 实现动态显示服务器端运行进度条(酷)">PHP+javascript 实现动态显示服务器端运行进度条(酷)</a><br /><br /> <span class="font_8">较新的文章:</span><a href="/javascript/f228234.html" target="_blank" title="Slide show 的制作">Slide show 的制作</a><br /></div> <div class="left_11" align="center"> <script type="text/javascript" src="http://www.qqread.com/0000js/adtitle.js"></script> </div> <div class="left_10"> <div class="left_7"><span class="font_10">相关图文阅读</span></div> <div class="left_8"> <iframe marginwidth="0" marginheight="0" frameborder="0" scrolling="No" src="http://www.qqread.com/artpicframe/2103/picFrame_h.html" width="568" height="118"></iframe> </div> <div class="left_7"><span class="font_10">频道图文推荐</span></div> <div class="left_picasa" id="picasa_pic"> </div> <div class="left_9"> <div class="left_9_1"><span class="font_3">健 康 咨 询</span></div> <div class="left_9_2"> <script type="text/javascript" src="/0000js/jk.js"></script> </div> </div> <div class="left_9"> <div class="left_9_1"><span class="font_3">时 尚 咨 询</span></div> <div class="left_9_2"> <script type="text/javascript" src="/0000js/lux.js"></script> </div> </div> </div> <div class="left_10"> <div class="left_10_1">精彩友情推荐</div> <div class="left_10_2"> <ul> <li><a href="http://www.pcdog.com/2007hot/picasa/" target="_blank" class="font_9">Picasa看图软件</a></li> <li><a href="http://product.it168.com/list/b/04181639_1.shtml" target="_blank">网新易尚防火墙</a></li> <li><a href="http://product.it168.com/list/b/04181639_1.shtml" target="_blank">易尚防火墙</a></li> <li><a href="/book/xunlei/" target="_blank">迅雷下载教程</a></li> </ul> <ul> <li><a href="/book/acdsee/" target="_blank">ACDSee技巧大全</a></li> <li><a href="http://product.it168.com/list/b/04181695_1.shtml" target="_blank">nokia防火墙</a></li> <li><a href="http://product.it168.com/list/b/04181718_1.shtml" target="_blank">东软防火墙</a></li> <li><a href="http://www.vlan9.com/" target="_blank">Cisco与华为技术网</a></li> </ul> <ul> <li><a href="/book/1ghost/" target="_blank">1Ghost专题分析</a></li> <li><a href="http://product.it168.com/list/b/04181887_1.shtml" target="_blank">神州数码防火墙</a></li> <li><a href="http://product.it168.com/list/b/04181911_1.shtml" target="_blank">清华得实防火墙</a></li> <li><a href="/network/" target="_blank">网络技术</a></li> </ul> <ul> <li><a href="/linux/tech/" target="_blank">Linux教程</a></li> <li><a href="http://product.it168.com/list/b/04181943_1.shtml" target="_blank">netgear防火墙</a></li> <li><a href="http://product.it168.com/list/b/04182812_1.shtml" target="_blank">华为3com防火墙</a></li> <li><a href="http://www.pcdog.com/" target="_blank" class="font_9">电脑狗网站</a></li> </ul> </div> </div> </div> <div class="z"><img width="21" height="347" src="http://www.qqread.com/2007css/qqread_ver_logo.gif" alt="巧巧读书宗旨" /></div> <div class="right"> <div id="fox"></div> <div class="right_2"> <div class="right_2_1">相关专题</div> </div> <div class="right_3"></div> <div class="h_line"></div> <div align="center" class="right_1" id="hzh"></div> <div class="right_2"> <div class="right_2_1"><span class="font_3">热点标签:</span> <a class="link_keywords" href="/keys/html/index.html" target="_blank">html</a> <a class="link_keywords" href="/keys/ie/index.html" target="_blank">ie</a> <a class="link_keywords" href="/keys/java/index.html" target="_blank">java</a> <a class="link_keywords" href="/keys/javascript/index.html" target="_blank">javascript</a> <a class="link_keywords" href="/keys/os/index.html" target="_blank">os</a> </div> </div> <div class="right_3" id="picasa_txt"></div> <div class="right_2"> <div class="right_2_2" id="bt_top_1"><a href="javascript:" onclick="change_top2('1')">阅读排行榜</a></div> <div class="right_2_1" id="bt_top_2"><a href="javascript:" onclick="change_top2('2')">最新技术文档</a></div> <div align="center" class="right_4_3"><a href="/javascript/rank/" target="_blank">更多排行>></a></div> </div> <div class="right_3" id="div_top_1">·<a href="/javascript/e121733030.html" title="源码学习:一个简单的日历控件" target="_blank">源码学习:一个简单的日历控件</a> <span class="font_2">(4644次浏览)</span><br />·<a href="/javascript/w572218301.html" title="JavaScript教程(7)-JavaScript窗口及输入输出" target="_blank">JavaScript教程(7)-JavaScript窗口及输入输</a> <span class="font_2">(884次浏览)</span><br />·<a href="/javascript/i325404.html" title="VS2008中JavaScript编辑调试器的秘密" target="_blank">VS2008中JavaScript编辑调试器的秘密</a> <span class="font_2">(90次浏览)</span><br />·<a href="/javascript/t325112.html" title="arp病毒利用的Javascript技术" target="_blank"><font color="ff0000">arp病毒利用的Javascript技术</font></a> <span class="font_2">(71次浏览)</span><br />·<a href="/javascript/u321429030.html" title="实战数据绑定:基于客户端的分页导航" target="_blank">实战数据绑定:基于客户端的分页导航</a> <span class="font_2">(69次浏览)</span><br />·<a href="/javascript/w323275.html" title="JavaScript中的作用域" target="_blank">JavaScript中的作用域</a> <span class="font_2">(47次浏览)</span><br />·<a href="/javascript/w327280.html" title="JavaScript提供商应该注意的五大死角问题" target="_blank"><font color="ff0000">JavaScript提供商应该注意的五大死角问题</font></a> <span class="font_2">(0次浏览)</span></div> <div class="right_3" id="div_top_2">·<a href="/javascript/w327280.html" title="JavaScript提供商应该注意的五大死角问题" target="_blank"><font color="ff0000">JavaScript提供商应该注意的五大死角问题</font></a> 08-22<br />·<a href="/javascript/i325404.html" title="VS2008中JavaScript编辑调试器的秘密" target="_blank">VS2008中JavaScript编辑调试器的秘密</a> 08-09<br />·<a href="/javascript/t325112.html" title="arp病毒利用的Javascript技术" target="_blank"><font color="ff0000">arp病毒利用的Javascript技术</font></a> 08-08<br />·<a href="/javascript/w323275.html" title="JavaScript中的作用域" target="_blank">JavaScript中的作用域</a> 07-27<br />·<a href="/javascript/w572218301.html" title="JavaScript教程(7)-JavaScript窗口及输入输出" target="_blank">JavaScript教程(7)-JavaScript窗口及输入输出</a> 07-20<br />·<a href="/javascript/e121733030.html" title="源码学习:一个简单的日历控件" target="_blank">源码学习:一个简单的日历控件</a> 07-17<br />·<a href="/javascript/u321429030.html" title="实战数据绑定:基于客户端的分页导航" target="_blank">实战数据绑定:基于客户端的分页导航</a> 07-15<br />·<a href="/javascript/c314526.html" title="页面元素可拖拽放置的实现原理" target="_blank">页面元素可拖拽放置的实现原理</a> 05-29<br />·<a href="/javascript/d312335.html" title="用javascript 转换外部链接样式" target="_blank">用javascript 转换外部链接样式</a> 05-13<br />·<a href="/javascript/u311530.html" title="实例:使用Javascript制作声音按钮" target="_blank">实例:使用Javascript制作声音按钮</a> 05-07</div> <script>change_top2('1');</script> <div class="right_2"> <div class="right_2_1">最新论坛文章</div> </div> <div class="right_3"> <script language="JavaScript" src="http://group.qqread.com/api/javascript.php?key=t2103"></script> </div> <div class="right_2"> <div class="right_2_1">站内各频道最新更新文档</div> </div> <div class="right_3"> <div class="picList"> <ul> <li><a href="http://travel.qqread.com/china/hkmctw/taiwan/pic/index.html" target="_blank"><img src="http://travel.qqread.com/picindex/20070411/images/rw5_1_150106.jpg" alt="形形色色的台湾特产--美女" width="140" height="110" border="0" /></a> <h6><a href="http://travel.qqread.com/china/hkmctw/taiwan/pic/index.html" target="_blank">形形色色的台湾特产</a></h6> </li> <li><a href="http://fashion.qqread.com/luxury/ml/pic/" target="_blank"><img src="http://fashion.qqread.com/picindex/20070519/images/xi1_1_140110.jpg" alt="怀念逝去的“黛玉”妹妹陈晓旭" width="140" height="110" border="0" /></a> <h6><a href="http://fashion.qqread.com/luxury/ml/pic/" target="_blank">怀念“黛玉”妹妹</a></h6> </li> </ul> </div> <div class="right_3" id="baidu"></div> </div> <div class="right_2"> <div class="right_2_1">站内最新制作专题</div> </div> <div class="right_3"> <div class="picList"> <ul> <li><a href="http://travel.qqread.com/comeback/skill/pic/index.html" target="_blank"><img height="110" alt="阳春三月 境内境外赏花忙" src="http://travel.qqread.com/picindex/20070312/images/qz8_1_150106.jpg" width="140" border="0" /></a> <h6><a href="http://travel.qqread.com/comeback/skill/pic/index.html" target="_blank">阳春三月 境内境外赏花忙</a></h6> </li> <li><a href="http://health.qqread.com/shoushen/yundong/e072757.html" target="_blank"><img height="110" alt="运动促前第二次发育 轻松胸“涌”出位" src="http://health.qqread.com/picindex/20060829/images/vr12723_1_13090.jpg" width="140" border="0" /></a> <h6><a href="http://health.qqread.com/shoushen/yundong/e072757.html" target="_blank">运动促前第二次发育</a></h6> </li> </ul> </div> <div class="txtList"> <ul> <li><a href="/book/acdsee/" target="_blank">ACDSEE专题教程-下载使用</a></li> <li><a href="/book/xunlei/" target="_blank">迅雷专题教程-下载使用</a></li> <li><a href="/windows/xp/" title="Windows XP频道" target="_blank">Windows XP频道</a></li> <li><a href="/windows/vista/" title="Windows Vista频道" target="_blank">Windows Vista频道</a></li> <li><a href="/windows/2000/" title="Windows 2000频道" target="_blank">Windows 2000频道</a></li> <li><a href="/windows/2003/" title="win2003频道" target="_blank">win2003频道</a></li> <li><a href="/freebsd/tech/" title="Freebsd频道" target="_blank">Freebsd频道</a></li> <li><a href="/oracle/tech/" title="Oracle频道" target="_blank">Oracle频道</a></li> </ul> <ul> <li><a href="/linux/tech/" title="Linux频道" target="_blank">Linux频道</a></li> <li><a href="/windows/s/" title="Windows频道" target="_blank">Windows频道</a></li> <li><a href="/z/server/mail/" title="邮件服务器专题" target="_blank">邮件服务器专题</a></li> <li><a href="/z/protocol/" title="协议大全" target="_blank">协议大全</a></li> <li><a href="/z/data/backup/" title="数据恢复指南教程" target="_blank">数据恢复指南教程</a></li> <li><a href="/z/freebsd/tech/" title="FreeBSD使用教程" target="_blank">FreeBSD使用教程</a></li> <li><a href="/z/linux/data/" title="Linux数据库宝典" target="_blank">Linux数据库宝典</a></li> <li><a href="/z/linux/tech/" title="Linux基础知识" target="_blank">Linux基础知识</a></li> </ul> </div> </div> <div class="right_2"> <div class="right_2_1">热门关键字导读</div> </div> <div class="right_6"> <script type="text/javascript" src="/0000js/keyword.js"></script> <span class="font_9">Photoshop教 程</span>:<a href="/keys/photo-chuli/" target="_blank" class="font_10">照片处理</a> <a href="/keys/photoshop-photo/" target="_blank" class="font_10">照片制作</a> <a href="/keys/photoshop-keys/" class="font_10" target="_blank">PS快捷键</a> <a href="/keys/koutu/" target="_blank" class="font_10">抠图</a><br /> <span class="font_9">计 算 机 故 障</span>:<a href="/keys/xp-repair/" target="_blank" class="font_10">XP系统修复</a><br /> <span class="font_9">艺 术 与 设 计</span>:<a href="/keys/design/" target="_blank" class="font_10">设计</a> <a href="/keys/stream-media/" target="_blank" class="font_10">流媒体</a> <a href="http://fashion.qqread.com/design/" title="设计欣赏" target="_blank" class="font_10">设计欣赏</a> <a href="/keys/biankuang/" target="_blank" class="font_10">边框</a><br /> <span class="font_9">计 算 机 安 全</span>:<a href="/keys/arp/" target="_blank" class="font_10">ARP</a><br /> </div> <div class="right_2"> <div class="right_2_1">站内频道文章精选</div> </div> <div class="right_3"> <div class="dbtxtList"> <ul> <h5>新闻资讯</h5> <li><a href="/news/n307469.html" target="_blank">秘密:Vista隐蔽的动态屏保</a></li> <li><a href="/news/w306276.html" target="_blank">腾讯开发新电子宠物--QQ熊</a></li> <li><a href="/news/g306933.html" target="_blank">惠普否认2999元PC有价无货</a></li> <h5>操作系统</h5> <li><a title="怎样在DOS下恢复回收站中的文件?" href="/dos/e284337.html" target="_blank">在DOS下恢复回收站中的文件</a></li> <li><a title="拯救Windows XP操作系统崩溃的救命稻草" href="/win98/2007/04/f307977.html" target="_blank">拯救WinXP崩溃的救命稻草</a></li> <li><a title="Linux操作系统中超级权限控制的应用" href="/linux/2007/04/y307978.html" target="_blank">Linux系统中超级权限的应用</a></li> <h5>桌面开发</h5> <li><a title="用AVIFile函数制做AVI文件基本步骤" href="/cpp/d307988.html" target="_blank">AVIFile函数制做AVI文件</a></li> <li><a title="在VC中链接动态链接库的方法简要说明" href="/vc/e305643.html" target="_blank">VC中链接动态链接库的方法</a></li> <li><a title="熊猫烧香核心源码(Delphi模仿版本)" href="/delphi/a297047.html" target="_blank"><font color="#6600CC">熊猫烧香核心源码(Delphi)</font></a></li> <h5>数据库</h5> <li><a title="SQL Server数据库优化方案" href="/sqlserver/2007/04/f307997.html" target="_blank">SQL Server数据库优化方案</a></li> <li><a title="Oracle的初学者入门心得" href="/oracle/2007/04/b307995.html" target="_blank">Oracle的初学者入门心得</a></li> <li><a title="JSP连接Mysql数据库" href="/mysql/w307303.html" target="_blank">JSP连接Mysql数据库</a></li> </ul> <ul> <h5>电脑技巧</h5> <li><a href="/skill/r306239.html" target="_blank">驱逐Win系统“流氓”文件</a></li> <li><a href="/skill/j305544.html" target="_blank">WinXP中获取未使用的IP地址</a></li> <li><a href="/skill/f305128.html" target="_blank">尝试format C:格式化硬盘?</a></li> <h5>常用软件</h5> <li><a title="搜狗PKGoogle:谁能代言拼音输入法?" href="/soft-testing/v307477.html" target="_blank">搜狗PK谷歌:谁能代言拼...</a></li> <li><a title="昨日轻松重现!一键GHOST轻松备份系统" href="/sys-soft/h307494.html" target="_blank">昨日重现,一键GHOST轻松..</a></li> <li><a title="自己实现利用Web迅雷在空闲时杀毒" href="/app-soft/h308013.html" target="_blank">实现Web迅雷在空闲时杀毒</a></li> <h5>网络程序开发</h5> <li><a title="DateDiff函数祥解" href="/asp/2007/04/q306125.html" target="_blank">DateDiff函数祥解</a></li> <li><a title="JavaScript去除空格的三种方法" href="/javascript/w305447.html" target="_blank">JavaScript去除空格的三种</a> </li> <li><a title="js效果 图片加载进度实时显示" href="/jscript/c293377.html" target="_blank">js效果 图片加载进度实时..</a></li> <h5>图像处理</h5> <li><a title="Photoshop为美女照片做艺术处理" href="/photoshop/2007/04/c308009.html" target="_blank">Photoshop为美女做艺术处理</a></li> <li><a title="用Freehand创建发光字特效" href="/freehand/d291583.html" target="_blank">用Freehand创建发光字特效</a></li> <li><a title="设计自己的个性QQ动态表情" href="/imageready/t280110.html" target="_blank"><font color="#6600CC">设计自己的个性QQ动态表情</font></a></li> </ul> </div> </div> <div class="right_2"> <div class="right_2_1">百度推荐,商机无限</div> </div> <div class="right_3" id="baidu"></div> <div class="right_2"> <div class="right_2_1">搜索您感兴趣的内容</div> </div> <div class="right_3" id="srch"></div> </div> <div style="clear: both"></div> </div> <div class="endLineH"></div> <!-- google 300X250 ad --> <span id="w_hzhad"> <script type="text/javascript"><!-- google_ad_client = "pub-1572879403720716"; google_ad_width = 300; google_ad_height = 250; google_ad_format = "300x250_as"; google_ad_type = "text_image"; google_ad_channel ="0168087865"; google_alternate_ad_url ="http://www.qqread.com/0000js/google300.htm"; google_color_border = "F9FCFE"; google_color_bg = "F9FCFE"; google_color_link = "1F3A87"; google_color_url = "FF6666"; google_color_text = "000000" google_language = 'zh-CN'; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </span> <script type="text/javascript"> document.getElementById('w_hzh').innerHTML=document.getElementById('w_hzhad').innerHTML; document.getElementById('w_hzhad').innerHTML=""; </script> <!-- end google 300X250 ad --> <!-- google 336X280 ad --> <span id="hzhad"> <script type="text/javascript"><!-- google_ad_client = "pub-1572879403720716"; google_ad_width = 336; google_ad_height = 280; google_ad_format = "336x280_as"; google_ad_type = "text_image"; //2007-08-21: TopRight336 google_ad_channel = "0489150765"; google_alternate_ad_url ="http://www.qqread.com/0000js/google336.htm"; google_color_border = "FFFFFF"; google_color_bg = "FFFFFF"; google_color_link = "CC6600"; google_color_text = "000000"; google_color_url = "0000FF"; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </span> <script type="text/javascript"> document.getElementById('hzh').innerHTML=document.getElementById('hzhad').innerHTML; document.getElementById('hzhad').innerHTML=""; </script> <!-- end google 336X280 ad --> <!-- google link ad --> <span id="gglinkad"> <script type="text/javascript"><!-- google_ad_client = "pub-1572879403720716"; google_alternate_color = "FFFFFF"; google_ad_width = 468; google_ad_height = 15; google_ad_format = "468x15_0ads_al_s"; google_ad_channel ="3984443469"; google_color_border = "F9FCFE"; google_color_bg = "FFFFFF"; google_color_link = "000000"; google_color_url = "F9FCFE"; google_color_text = "000000"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </span> <script type="text/javascript"> document.getElementById('gglink').innerHTML=document.getElementById('gglinkad').innerHTML; document.getElementById('gglinkad').innerHTML=""; </script> <!-- end google link ad --> <!-- google picasa_txt ad --> <span id="picasa_txtad"> <script type="text/javascript"><!-- google_ad_client = "pub-1572879403720716"; google_ad_output = "textlink"; google_ad_format = "ref_text"; google_cpa_choice = "CAAQ2OWNggIaCFHmh7n7nRRPKJDctIQB"; google_ad_channel = ""; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </span> <script type="text/javascript"> document.getElementById('picasa_txt').innerHTML=document.getElementById('picasa_txtad').innerHTML; document.getElementById('picasa_txtad').innerHTML=""; </script> <!-- end google picasa_txt ad --> <!-- google picasa ad --> <span id="picasa_picad"> <script type="text/javascript"><!-- google_ad_client = "pub-1572879403720716"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as_rimg"; google_cpa_choice = "CAAQjMeU_AEaCCfCybguyZX1KLj39IMB"; //--></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </span> <script type="text/javascript"> document.getElementById('picasa_pic').innerHTML=document.getElementById('picasa_picad').innerHTML; document.getElementById('picasa_picad').innerHTML=""; </script> <!-- end google picasa ad --> <!-- google firefox ad --> <span id="foxad"> <script type="text/javascript"><!-- google_ad_client = "pub-1572879403720716"; google_ad_width = 180; google_ad_height = 60; google_ad_format = "180x60_as_rimg"; google_cpa_choice = "CAEQs8X8zwEQkYqgnAIaCDmZ04Wen_oFKPu_93Mo-7_3cw"; google_ad_channel = "8989732428"; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </span> <script type="text/javascript"> document.getElementById('fox').innerHTML=document.getElementById('foxad').innerHTML; document.getElementById('foxad').innerHTML=""; </script> <!-- end google firefox ad --> <!-- baidu ad code --> <span id="baiduad"> <script type="text/javascript"> cpro_client='jkday2000cpr'; cpro_cbd='#86AC5F'; cpro_cbg='#FFFFFF'; cpro_ctitle='#0000ff'; cpro_cdesc='#444444'; cpro_curl='#008000'; cpro_clink='#FFFFFF'; cpro_flush=4; cpro_w=300; cpro_h=250; cpro_template='text_pages_300_250'; </script> <script language="JavaScript" type="text/javascript" src="http://cpro.baidu.com/cpro/ui/cp.js"></script> </span> <script type="text/javascript"> document.getElementById('baidu').innerHTML=document.getElementById('baiduad').innerHTML; document.getElementById('baiduad').innerHTML=""; </script> <!-- end baidu ad code --> <!-- google search box --> <span id="srchbox"> <!-- SiteSearch Google --> <form method="get" action="http://www.google.com/custom" target="_top"> <table border="0" > <tr> <td><input type="hidden" name="domains" value="qqread.com"> <input type="text" name="q" size="10" maxlength="200" value=""> <font size="5"> <input type="submit" name="sa" value="搜索"> </font></td> </tr> <tr> <td nowrap="nowrap"><table> <tr> <td><input type="radio" name="sitesearch" value=""> <font size="2">Web</font></td> <td><input type="radio" name="sitesearch" value="qqread.com" checked="checked"> <font size="2">全站</font></td> </tr> </table> <input type="hidden" name="client" value="pub-1572879403720716"> <input type="hidden" name="forid" value="1"> <input type="hidden" name="ie" value="GB2312"> <input type="hidden" name="oe" value="GB2312"> <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1"> <input type="hidden" name="hl" value="zh-CN"></td> </tr> </table> </form> <!-- SiteSearch Google --> </span> <script type="text/javascript"> document.getElementById('srch').innerHTML=document.getElementById('srchbox').innerHTML; document.getElementById('srchbox').innerHTML=""; </script> <!-- end google search box --> <script src="http://www230.clickeye.cn/common/clickeye.js"></script> <!-- 页脚 --> <div class="foot"> <div align="center" class="foot_1"><a href="/about/email.html" target="_blank">巧巧电脑频道编辑信箱</a> <a href="http://group.qqread.com/forum-89-1.html" target="_blank">告诉我们您想看的专题或文章</a></div> <div align="center" class="foot_2"> <script type="text/javascript" src="/0000qqreadcss/footer.js"></script> <script type="text/javascript" src="http://www.haoxz.com/click.aspx?s=572767988888&c=199827&id=228138"></script> </div> </div> <!-- 页脚结束 --> <!-- gg analysics 统计 --> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript"> _uacct = "UA-2187909-1"; urchinTracker(); </script> </body> </html>