??xml version="1.0" encoding="utf-8" standalone="yes"?>亚洲美女高清一区二区三区,午夜亚洲国产成人不卡在线,亚洲乱码一区二区三区在线观看 http://m.tkk7.com/zhangrenquan/category/12648.htmlzh-cnThu, 15 Nov 2012 05:44:24 GMTThu, 15 Nov 2012 05:44:24 GMT60实现l(f)og4j日志文g在相对\径保?/title><link>http://m.tkk7.com/zhangrenquan/articles/284624.html</link><dc:creator>kelven</dc:creator><author>kelven</author><pubDate>Mon, 29 Jun 2009 08:11:00 GMT</pubDate><guid>http://m.tkk7.com/zhangrenquan/articles/284624.html</guid><wfw:comment>http://m.tkk7.com/zhangrenquan/comments/284624.html</wfw:comment><comments>http://m.tkk7.com/zhangrenquan/articles/284624.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/zhangrenquan/comments/commentRss/284624.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/zhangrenquan/services/trackbacks/284624.html</trackback:ping><description><![CDATA[<p><span id="kwdsjxf" class="Apple-style-span" style="font-weight: normal; font-size: 12px; word-spacing: 0px; text-transform: none; color: rgb(0,0,0); text-indent: 0px; line-height: 18px; font-style: normal; white-space: normal; letter-spacing: normal; border-collapse: separate; text-align: left; font-variant: normal; orphans: 2; widows: 2"><span id="qpnqdle" class="hilite1" style="background-color: rgb(255,255,0)">Log4j</span>日志输出路径只能讑֮成绝对\径,q个在web目中就变得很不方便了?span class="Apple-converted-space"> </span><br /> 比如我想要设定日志保存在webapp/log<span id="frjhqgk" class="Apple-converted-space"> </span><br /> <br /> 参考了|上资料Q?span class="Apple-converted-space"> </span><br /> <a style="color: rgb(16,138,198); text-decoration: underline" target="_blank">http://hi.baidu.com/suofang/blog/item/6cf2befbd1ff07234f4aea90.html</a><span id="noibulk" class="Apple-converted-space"> </span><br /> 下面是引入内容:(x)<span id="tyhinxw" class="Apple-converted-space"> </span><br /> <br /> Ҏ(gu)一主要是扩展了<span id="lnafsqw" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>的RollingFileAppenderc,其他的FileAppender同样道理。扩展的Ҏ(gu)Q就是用一个子cd覆盖setFileҎ(gu)Q这个方法在<span id="ikiipud" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>d配置文g生成appender的时候调用,传入的就是配|文件中的\径,q样我就可以按照自己的想法在路径前面加上根\径了。这U方法可以在<span id="txvzedf" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>.properties中用相对路径自由配置<span id="udjsqsq" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>.appender.A1.File属性来军_生成的日志相对web应用根目录的位置?span class="Apple-converted-space"> </span><br /> <br /> Ҏ(gu)二是利用服务器vm中已l存在的环境变量?{catalina.home}来设|相对于${catalina.home}的日志\径,日志只能攑ֈ服务器子目录里,而且如果是用的其它服务器Q则要改对应的环境变量。此Ҏ(gu)q_UL不方ѝ?span class="Apple-converted-space"> </span><br /> <br /> Ҏ(gu)三是扩展ActionServletc,覆盖其init()Ҏ(gu)Q新Ҏ(gu)中蝲?span class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>.properties位置的参敎ͼ可以自由配置<span id="pfhfhya" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>的配|文件的名字和存放位|。也可自由配|?span class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>日志文g的相对于当前应用的\径?span class="Apple-converted-space"> </span><br /> <br /> 对于W三个方法,作者提Z个问题:(x)<span id="jwbsxsu" class="Apple-converted-space"> </span><br /> <span id="agppnao" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>配置文g的位|,不让其在<span id="dughtyt" class="hilite2" style="background-color: rgb(85,255,85)">web-inf</span>/classes目录Q因为在加蝲此Servlet之前Q服务器如tomcat启动时会(x)自动搜烦<span id="fzfkxsj" class="hilite2" style="background-color: rgb(85,255,85)">web-inf</span>目录?span class="hilite2" style="background-color: rgb(85,255,85)">web-inf</span>/classes目录?span class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>.properties文gQ如有则自动加蝲?span class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>属性文件加载后,׃该属性文件中<span id="ojkxoni" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>.appender.A1.File的值用的是相对路径Q自动加载配|便?x)出错?x)<span id="yvafhua" class="Apple-converted-space"> </span><br /> <span id="iobrant" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>:ERROR setFile(null,true) call failed.<span id="dfgseri" class="Apple-converted-space"> </span><br /> java.io.FileNotFoundException:<span id="dafzxgu" class="Apple-converted-space"> </span><span id="udbyhup" class="hilite2" style="background-color: rgb(85,255,85)">WEB-INF</span>\logs\bysxxglxt.log<span id="bomylvx" class="Apple-converted-space"> </span><br /> (pȝ找不到指定的路径?<span id="xotrvue" class="Apple-converted-space"> </span><br /> <br /> 管后面加蝲扩展的ActionServlet中正设|了<span id="ajsinis" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>属性文件ƈ正常加蝲了,但还是报的这个错Q怪不爽的。只有更?span class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>属性文件名字或者更改其存放位置Q让其不能自动加载了Q不q还是有两个警告Q?span class="Apple-converted-space"> </span><br /> <span id="wqvaciv" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>:WARN No appenders could be found for logger (org.apache.commons.digester.Digester.sax).<span id="ctcvakf" class="Apple-converted-space"> </span><br /> <span id="igwjwir" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>:WARN Please initialize the<span id="cyobzfa" class="Apple-converted-space"> </span><span id="wuowtgb" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span><span id="nktrdci" class="Apple-converted-space"> </span>system properly.<span id="oarprqh" class="Apple-converted-space"> </span><br /> <br /> 新的发现Q?span class="Apple-converted-space"> </span><br /> ׃spring也会(x)加蝲<span id="klfksyp" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>.propertiesQ如果加载不到就往控制台打log信息Q总觉得有些碍|于是惛_法去掉。Spring提供了一个Log4jConfigListenerQ本w就能通过web.xml中配|来指定位置加蝲<span id="hbkexlg" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>配置文g和log输出路径Q注意该listener需要放在spring的Listener之前?span class="Apple-converted-space"> </span><br /> 事实上,Log4jConfigListener更适合<span id="hicanev" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>在web工程中用,原因如下Q?span class="Apple-converted-space"> </span><br /> 1. 动态的改变记录U别和策略,不需要重启Web应用Q如《Effective Enterprise Java》所说?span class="Apple-converted-space"> </span><br />    2. 把log文g定在 /<span id="wtuhjlu" class="hilite2" style="background-color: rgb(85,255,85)">WEB-INF</span>/logs/ 而不需要写l对路径?span class="Apple-converted-space"> </span><br /> 因ؓ(f) pȝ把web目录的\径压入一个叫webapp.root的系l变量。这样写log文g路径时不用写l对路径?<span id="cdfhjdj" class="Apple-converted-space"> </span><br /> <span id="sbdbywq" class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>.appender.logfile.File=${webapp.root}/<span id="suoqkqa" class="hilite2" style="background-color: rgb(85,255,85)">WEB-INF</span>/logs/myfuse.log<span id="qkeqkca" class="Apple-converted-space"> </span><br />    3. 可以?span class="hilite1" style="background-color: rgb(255,255,0)">log4j</span>.properties和其他properties一h?<span id="pbvhxof" class="hilite2" style="background-color: rgb(85,255,85)">WEB-INF</span>/ Q而不是Class-Path?span class="Apple-converted-space"> </span><br />    4.log4jRefreshInterval?0000表示 开一条watchdogU程?0U扫描一下配|文件的变化;<span id="qztchjw" class="Apple-converted-space"> </span><br />    在web.xml d<span id="yhqkakb" class="Apple-converted-space"> </span><br /> </p> <div id="wtjwjtr" class="dp-highlighter" style="padding-right: 1px; padding-left: 1px; font-size: 12px; padding-bottom: 1px; margin-left: 9px; overflow: auto; width: 97%; padding-top: 1px; background-color: transparent"> <div id="tgtneud" class="bar"> <div id="kfolyid" class="tools" style="padding-right: 3px; padding-left: 3px; font-weight: bold; padding-bottom: 3px; margin: 0px; color: black; padding-top: 3px; text-align: left">Xml代码<span id="egirsrx" class="Apple-converted-space"> </span></embed></div> </div> <ol class="dp-xml" style="border-right: rgb(209,215,220) 1px solid; padding-right: 0px; border-top: rgb(209,215,220) 1px solid; padding-left: 0px; font-size: 1em; padding-bottom: 2px; margin: 0px 0px 1px; border-left: rgb(209,215,220) 1px solid; color: rgb(43,145,175); line-height: 1.4em; padding-top: 2px; border-bottom: rgb(209,215,220) 1px solid; list-style-type: decimal; background-color: rgb(255,255,255)"> <li style="padding-right: 0px; padding-left: 10px; font-size: 1em; padding-bottom: 0px; margin: 0px 0px 0px 38px; border-left: rgb(209,215,220) 1px solid; line-height: 18px; padding-top: 0px; background-color: rgb(250,250,250)"><span style="color: black"><span id="cegwfdq" class="tag" style="font-weight: bold; color: rgb(0,102,153)"><</span><span id="qpudihj" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">context-param</span><span id="sboxcac" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">  </span></span> <li style="padding-right: 0px; padding-left: 10px; font-size: 1em; padding-bottom: 0px; margin: 0px 0px 0px 38px; border-left: rgb(209,215,220) 1px solid; line-height: 18px; padding-top: 0px; background-color: rgb(250,250,250)"><span style="color: black">    <span id="udmzegp" class="tag" style="font-weight: bold; color: rgb(0,102,153)"><</span><span id="hywfkfa" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">param-name</span><span id="tgzpntg" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">log4jConfigLocation</span><span id="xxgwefh" class="tag" style="font-weight: bold; color: rgb(0,102,153)"></</span><span id="uenwxlg" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">param-name</span><span id="eyhbztg" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">  </span></span> <li style="padding-right: 0px; padding-left: 10px; font-size: 1em; padding-bottom: 0px; margin: 0px 0px 0px 38px; border-left: rgb(209,215,220) 1px solid; line-height: 18px; padding-top: 0px; background-color: rgb(250,250,250)"><span style="color: black">    <span id="wgauwna" class="tag" style="font-weight: bold; color: rgb(0,102,153)"><</span><span id="sztyvbl" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">param-value</span><span id="prlbvar" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black"><span id="veysxlv" class="hilite2" style="color: black; background-color: rgb(85,255,85)">WEB-INF</span>/<span id="ciyhyar" class="hilite1" style="color: black; background-color: rgb(255,255,0)">log4j</span>.properties</span><span id="gfgiflj" class="tag" style="font-weight: bold; color: rgb(0,102,153)"></</span><span id="motrdcq" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">param-value</span><span id="vlyayiv" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">  </span></span> <li style="padding-right: 0px; padding-left: 10px; font-size: 1em; padding-bottom: 0px; margin: 0px 0px 0px 38px; border-left: rgb(209,215,220) 1px solid; line-height: 18px; padding-top: 0px; background-color: rgb(250,250,250)"><span style="color: black"><span id="jzxnofs" class="tag" style="font-weight: bold; color: rgb(0,102,153)"></</span><span id="hqviyxp" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">context-param</span><span id="rtnhpde" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">  </span></span> <li style="padding-right: 0px; padding-left: 10px; font-size: 1em; padding-bottom: 0px; margin: 0px 0px 0px 38px; border-left: rgb(209,215,220) 1px solid; line-height: 18px; padding-top: 0px; background-color: rgb(250,250,250)"><span style="color: black">  </span> <li style="padding-right: 0px; padding-left: 10px; font-size: 1em; padding-bottom: 0px; margin: 0px 0px 0px 38px; border-left: rgb(209,215,220) 1px solid; line-height: 18px; padding-top: 0px; background-color: rgb(250,250,250)"><span style="color: black"><span id="dusuvbz" class="tag" style="font-weight: bold; color: rgb(0,102,153)"><</span><span id="irauonp" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">context-param</span><span id="xvlbzfp" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">  </span></span> <li style="padding-right: 0px; padding-left: 10px; font-size: 1em; padding-bottom: 0px; margin: 0px 0px 0px 38px; border-left: rgb(209,215,220) 1px solid; line-height: 18px; padding-top: 0px; background-color: rgb(250,250,250)"><span style="color: black">    <span id="xgaqoir" class="tag" style="font-weight: bold; color: rgb(0,102,153)"><</span><span id="xdifvwc" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">param-name</span><span id="vcabkuw" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">log4jRefreshInterval</span><span id="bsqzpjd" class="tag" style="font-weight: bold; color: rgb(0,102,153)"></</span><span id="sfsmrlk" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">param-name</span><span id="gtcpmay" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">  </span></span> <li style="padding-right: 0px; padding-left: 10px; font-size: 1em; padding-bottom: 0px; margin: 0px 0px 0px 38px; border-left: rgb(209,215,220) 1px solid; line-height: 18px; padding-top: 0px; background-color: rgb(250,250,250)"><span style="color: black">    <span id="sjdmgfa" class="tag" style="font-weight: bold; color: rgb(0,102,153)"><</span><span id="feugerx" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">param-value</span><span id="afgwqlc" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">60000</span><span id="snhqnek" class="tag" style="font-weight: bold; color: rgb(0,102,153)"></</span><span id="lhuuvfe" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">param-value</span><span id="gaywfwr" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">  </span></span> <li style="padding-right: 0px; padding-left: 10px; font-size: 1em; padding-bottom: 0px; margin: 0px 0px 0px 38px; border-left: rgb(209,215,220) 1px solid; line-height: 18px; padding-top: 0px; background-color: rgb(250,250,250)"><span style="color: black"><span id="cxydedr" class="tag" style="font-weight: bold; color: rgb(0,102,153)"></</span><span id="qobviqs" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">context-param</span><span id="fomrpdj" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">  </span></span> <li style="padding-right: 0px; padding-left: 10px; font-size: 1em; padding-bottom: 0px; margin: 0px 0px 0px 38px; border-left: rgb(209,215,220) 1px solid; line-height: 18px; padding-top: 0px; background-color: rgb(250,250,250)"><span style="color: black">  </span> <li style="padding-right: 0px; padding-left: 10px; font-size: 1em; padding-bottom: 0px; margin: 0px 0px 0px 38px; border-left: rgb(209,215,220) 1px solid; line-height: 18px; padding-top: 0px; background-color: rgb(250,250,250)"><span style="color: black"><span id="ivtmyhy" class="tag" style="font-weight: bold; color: rgb(0,102,153)"><</span><span id="sbzevbz" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">listener</span><span id="fauzxzi" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">  </span></span> <li style="padding-right: 0px; padding-left: 10px; font-size: 1em; padding-bottom: 0px; margin: 0px 0px 0px 38px; border-left: rgb(209,215,220) 1px solid; line-height: 18px; padding-top: 0px; background-color: rgb(250,250,250)"><span style="color: black">    <span id="gauhbdc" class="tag" style="font-weight: bold; color: rgb(0,102,153)"><</span><span id="qzaqgeh" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">listener-class</span><span id="dfkeqak" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">org.springframework.web.util.Log4jConfigListener</span><span id="aqgeqav" class="tag" style="font-weight: bold; color: rgb(0,102,153)"></</span><span id="ikaudmo" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">listener-class</span><span id="ylbnwfw" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">  </span></span> <li style="padding-right: 0px; padding-left: 10px; font-size: 1em; padding-bottom: 0px; margin: 0px 0px 0px 38px; border-left: rgb(209,215,220) 1px solid; line-height: 18px; padding-top: 0px; background-color: rgb(250,250,250)"><span style="color: black"><span id="vbztfdq" class="tag" style="font-weight: bold; color: rgb(0,102,153)"></</span><span id="vbomgez" class="tag-name" style="font-weight: bold; color: rgb(0,102,153)">listener</span><span id="oukamvx" class="tag" style="font-weight: bold; color: rgb(0,102,153)">></span><span style="color: black">   <br /> </span></span></li> </ol> </div> </span><img src ="http://m.tkk7.com/zhangrenquan/aggbug/284624.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/zhangrenquan/" target="_blank">kelven</a> 2009-06-29 16:11 <a href="http://m.tkk7.com/zhangrenquan/articles/284624.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>CSS控制囄{比攄QIE,GOOGLE览?FIREFOX试通过Q?/title><link>http://m.tkk7.com/zhangrenquan/articles/284623.html</link><dc:creator>kelven</dc:creator><author>kelven</author><pubDate>Mon, 29 Jun 2009 08:07:00 GMT</pubDate><guid>http://m.tkk7.com/zhangrenquan/articles/284623.html</guid><wfw:comment>http://m.tkk7.com/zhangrenquan/comments/284623.html</wfw:comment><comments>http://m.tkk7.com/zhangrenquan/articles/284623.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://m.tkk7.com/zhangrenquan/comments/commentRss/284623.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/zhangrenquan/services/trackbacks/284623.html</trackback:ping><description><![CDATA[img{ <br /> width:expression(this.width/this.height > 126/96 ? 126 : (this.width*96/this.height));<br /> height:expression(this.width/this.height > 126/96 ? (this.width*126/this.height) : 96);<br /> max-height:96px;<br /> max-width:126px;<br /> }<img src ="http://m.tkk7.com/zhangrenquan/aggbug/284623.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/zhangrenquan/" target="_blank">kelven</a> 2009-06-29 16:07 <a href="http://m.tkk7.com/zhangrenquan/articles/284623.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>支持多浏览器的半透明化CSShttp://m.tkk7.com/zhangrenquan/articles/284621.htmlkelvenkelvenMon, 29 Jun 2009 08:03:00 GMThttp://m.tkk7.com/zhangrenquan/articles/284621.htmlhttp://m.tkk7.com/zhangrenquan/comments/284621.htmlhttp://m.tkk7.com/zhangrenquan/articles/284621.html#Feedback0http://m.tkk7.com/zhangrenquan/comments/commentRss/284621.htmlhttp://m.tkk7.com/zhangrenquan/services/trackbacks/284621.html  [转自:http://hi.baidu.com/paulau/blog/item/32139d90648f6884a977a4cd.html]

opacity是CSS 3里的一个属性,用来讑֮元素的透明度。当然现在还只有部分浏览器支持?/p>

不过各个览器都有自qU有属性来支持,其中包括老版本的Mozilla和SafariQ?/p>

  • IE: filter:alpha(opacity)
  • Mozilla: -moz-opacity
  • Safari: -khtml-opacity

很不q的是,你没看见OperaQ老版本的Operaq没有什么私有属性可以代?code style="padding-right: 2px; padding-left: 2px; font-size: 12px; padding-bottom: 1px; color: rgb(102,51,0); padding-top: 1px">opacity。(新版Opera已经支持opacityQ?/p>

所以以前用CSS讑֮一个元素半透明的话Q可能会(x)q样?


.opacity{
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* 老版Mozilla */
-khtml-opacity:0.5; /* 老版Safari */
opacity: 0.5; /* 支持opacity的浏览器*/
}

用javascript来设定一个元素ؓ(f)半透明:


object.filter = "alpha(opacity=" + opacity + ")"; /* IE */
object.MozOpacity = (opacity / 100); /* 老版Mozilla */
object.KhtmlOpacity = (opacity / 100); /* 老版Safari */
object.opacity = (opacity / 100); /* 支持opacity的浏览器*/


kelven 2009-06-29 16:03 发表评论
]]>
Div+CSS布局入门教程(一)http://m.tkk7.com/zhangrenquan/articles/81920.htmlkelvenkelvenSat, 18 Nov 2006 06:08:00 GMThttp://m.tkk7.com/zhangrenquan/articles/81920.htmlhttp://m.tkk7.com/zhangrenquan/comments/81920.htmlhttp://m.tkk7.com/zhangrenquan/articles/81920.html#Feedback0http://m.tkk7.com/zhangrenquan/comments/commentRss/81920.htmlhttp://m.tkk7.com/zhangrenquan/services/trackbacks/81920.htmlhttp://www.tblog.com.cn/article.asp?id=283]

一、页面布局与规?br />
  好久没有认真写点东西了,惌v最q这些时间经常有朋友问到我有关于DIV+CSS布局的问题,其实归根l底q是׃没有入门造成的。那么接下来的这文章就带领大家入门?..

  在网制作中Q有许多的术语,例如QCSS、HTML、DHTML、XHTML{等。在下面的文章中我们会(x)用到一些有关于HTML的基本知识,而在你学?fn)这入门教E之前,L(fng)定你已经h了一定的HTML基础。下面我们就开始一步一步用DIV+CSSq行|页布局设计吧?br />
  所有的设计W一步就是构思,构思好了,一般来说还需要用PhotoShop或FireWorks(以下UPS或FW){图片处理Y件将需要制作的界面布局单的构画出来Q以下是我构思好的界面布局图?br />


  下面Q我们需要根据构思图来规划一下页面的布局Q仔l分析一下该图,我们不难发现Q图片大致分Z下几个部分:(x)
  1、顶部部分,其中又包括了LOGO、MENU和一qBanner囄Q?br />  2、内定w分又可分ZҎ(gu)、主体内容;
  3、底部,包括一些版权信息?br />  有了以上的分析,我们可以很Ҏ(gu)的布局了,我们设计层如下图Q?br />

  Ҏ(gu)上图Q我再画了一个实际的面布局图,说明一下层的嵌套关p,q样理解h׃(x)更简单了?br />

  DIVl构如下Q?br />  │body {} /*q是一个HTML元素Q具体我׃说明?/
  ?Container {} /*面层容?/
     ?Header {} /*面头部*/
     ?PageBody {} /*面M*/
     │ ?Sidebar {} /*侧边?/
     │ ?MainBody {} /*M内容*/
     ?Footer {} /*面底部*/
  xQ页面布局与规划已l完成,接下来我们要做的是开始书写HTML代码和CSS?br />

kelven 2006-11-18 14:08 发表评论
]]>
divQcss布局入门http://m.tkk7.com/zhangrenquan/articles/81919.htmlkelvenkelvenSat, 18 Nov 2006 06:05:00 GMThttp://m.tkk7.com/zhangrenquan/articles/81919.htmlhttp://m.tkk7.com/zhangrenquan/comments/81919.htmlhttp://m.tkk7.com/zhangrenquan/articles/81919.html#Feedback0http://m.tkk7.com/zhangrenquan/comments/commentRss/81919.htmlhttp://m.tkk7.com/zhangrenquan/services/trackbacks/81919.htmlhttp://www.tblog.com.cn/article.asp?id=189]

q是在网设计师上看到的一文章,很适合入门divQcss布局的h看,转了q来收藏Qhoho~~

你正在学?fn)CSS布局吗?是不是还不能完全掌握UCSS布局Q通常有两U情况阻你的学?fn)?x)

W一U可能是你还没有理解CSS处理面的原理。在你考虑你的面整体表现效果前,你应当先考虑内容的语义和l构Q然后再针对语义、结构添加CSS。这文章将告诉你应该怎样把HTMLl构化?br />
另一U原因是你对那些非常熟?zhn)的表现层属?例如Qcellpadding,、hspace、align="left"{等)束手无策Q不知道该{换成对应的什么CSS语句。当你解决了W一U问题,知道了如何结构化你的HTMLQ我再给Z个列表,详细列出原来的表现属性用什么CSS来代ѝ?br />
l构化HTML
我们在刚学习(fn)|页制作ӞL先考虑怎么设计Q考虑那些囄、字体、颜艌Ӏ以?qing)布局Ҏ(gu)。然后我们用Photoshop或者Fireworksd来、切割成图。最后再通过~辑HTML所有设计还原表现在面上?br />
如果你希望你的HTML面用CSS布局(是CSS-friendly?Q你需要回头重来,先不考虑“外观”,要先思考你的页面内容的语义和结构?br />
外观q不是最重要的。一个结构良好的HTML面可以以Q何外观表现出来,CSS Zen Garden是一个典型的例子。CSS Zen Garden帮助我们最l认识到CSS的强大力量?br />
HTML不仅仅只在电(sh)脑屏q上阅读。你用photoshop_ֿ设计的画面可能不能显C在PDA、移动电(sh)话和屏幕阅读Z。但是一个结构良好的HTML面可以通过CSS的不同定义,昄在Q何地方,M|络讑֤上?br />
开始思?br />首先要学?fn)什么是"l构"Q一些作家也UC?语义"。这个术语的意思是你需要分析你的内容块Q以?qing)每块内?gu)务的目的Q然后再Ҏ(gu)q些内容目的建立L(fng)应的HTMLl构?br />
如果你坐下来仔细分析和规划你的页面结构,你可能得到类DL(fng)几块Q?br />
标志和站点名U?
主页面内?
站点D(主菜?
子菜?
搜烦?
功能?例如购物车、收银台)
脚(版权和有x律声?
我们通常采用DIV元素来将q些l构定义出来Q类DP(x)

<div id="header"></div>

<div id="content"></div>

<div id="globalnav"></div>

<div id="subnav"></div>

<div id="search"></div>

<div id="shop"></div>

<div id="footer"></div>

q不是布局Q是l构。这是一个对内容块的语义说明。当你理解了你的l构Q就可以加对应的ID在DIV上。DIV容器中可以包含Q何内容块Q也可以嵌套另一个DIV。内容块可以包含L的HTML元素---标题、段落、图片、表根{列表等{?br />
Ҏ(gu)上面讲述的,你已l知道如何结构化HTMLQ现在你可以q行布局和样式定义了。每一个内容块都可以放在页面上M地方Q再指定q个块的颜色、字体、边框、背景以?qing)对齐属性等{?br />
使用选择器是件美妙的?br />id的名U是控制某一内容块的手段,通过l这个内容块套上DIVq加上唯一的id,你就可以用CSS选择器来_定义每一个页面元素的外观表现,包括标题、列表、图片、链接或者段落等{。例如你?header写一个CSS规则Q就可以完全不同?content里的囄规则?br />
另外一个例子是Q你可以通过不同规则来定义不同内容块里的链接样式。类DP(x)#globalnav a:link或?#subnav a:link或?content a:link。你也可以定义不同内容块中相同元素的样式不一栗例如,通过#content p?footer p分别定义#content?footer中p的样式。从l构上讲Q你的页面是由图片、链接、列表、段落等l成的,q些元素本nq不?x)对昄在什么网l设备中(PDAq是手机或者网l电(sh)?有媄响,它们可以被定义ؓ(f)M的表现外观?br />
一个仔l结构化的HTML面非常单,每一个元素都被用于结构目的。当你想~进一个段落,不需要用blockquote标签Q只要用p标签Qƈ对p加一个CSS的margin规则可以实现羃q目的。p是结构化标签Qmargin是表现属性,前者属于HTMLQ后者属于CSS?q就是结构于表现的相分离.)

良好l构的HTML面内几乎没有表现属性的标签。代码非常干净z。例如,原先的代?lt;table width="80%" cellpadding="3" border="2" align="left">Q现在可以只在HTML中写<table>Q所有控制表现的东西都写到CSS中去Q在l构化的HTML中,table是表格Q而不是其他什?比如被用来布局和定??br />
亲自实践一下结构化
上面说的只是最基本的结构,实际应用中,你可以根据需要来调整内容块。常怼(x)出现DIV嵌套的情况,你会(x)看到"container"层中又有其它层,l构cMq样Q?br />
<div id="navcontainer">

<div id="globalnav">

<ul>a list</ul>

</div>

<div id="subnav">

<ul>another list</ul>

</div>

</div>

嵌套的div元素允许你定义更多的CSS规则来控制表玎ͼ例如Q你可以l?navcontainer一个规则让列表居右Q再l?globalnav一个规则让列表居左Q而给#subnav的list另一个完全不同的表现?br />
用CSS替换传统Ҏ(gu)
下面的列表将帮助你用CSS替换传统Ҏ(gu)Q?br />
HTML属性以?qing)相对应的CSSҎ(gu)
HTML属性  CSSҎ(gu)  说明
align="left"

align="right"  float: left;

float: right;  使用CSS可以动 M元素:囄、段落、div、标题、表根{列表等{?

当你使用float属性,必须l这个Q动元素定义一个宽度?br />
marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" margin: 0;  使用CSS, margin可以讄在Q何元素上, 不仅仅是body元素.更重要的Q你可以分别指定元素的top, right, bottom和left的margin倹{?br />
vlink="#333399" alink="#000000" link="#3333FF" a:link #3ff;

a:visited: #339;

a:hover: #999;

a:active: #00f;
在HTML中,链接的颜色作为body的一个属性值定义。整个页面的链接风格都一栗用CSS的选择器,面不同部分的链接样式可以不一栗?br />
bgcolor="#FFFFFF" background-color: #fff;  在CSS中,M元素都可以定义背景颜Ԍ不仅仅局限于body和table元素?br />
bordercolor="#FFFFFF" border-color: #fff; M元素都可以设|边?boeder)Q你可以分别定义top, right, bottom和left

border="3"

cellspacing="3"  border-width: 3px;  用CSSQ你可以定义table的边框ؓ(f)l一样式Q也可以分别定义top, right, bottom and leftҎ(gu)的颜艌Ӏ尺寸和样式?

你可以?table, td or th q些选择?

如果你需要设|无Ҏ(gu)效果Q可以用CSS定义Q?border-collapse: collapse;

<br clear="left">

<br clear="right">

<br clear="all">
clear: left;

clear: right;

clear: both;
许多2列或?列布局都?float属性来定位。如果你在Q动层中定义了背景颜色或者背景图片,你可以用clear属?

cellpadding="3"

vspace="3"

hspace="3"  padding: 3px;  用CSSQQ何元素都可以讑֮padding属性,同样Qpadding可以分别讄top, right, bottom and left。padding是透明的?br />
align="center" text-align: center;

margin-right: auto; margin-left: auto;
Text-align 只适用于文?

象divQpq样的块U怨毒可以通过margin-right: auto; 和margin-left: auto;来水q_?br />

一些o(h)人遗憄技巧和工作环境
׃览器对CSS支持的不完善Q我们有时候不得不采取一些技?hacks)或徏立一U环?Workarounds)来让CSS实现传统Ҏ(gu)同样的效果。例如块U元素有时侯需要用水q_中的技巧,盒模型bug的技巧等{。所有这些技巧都在Molly Holzschlag的文章《Integrated Web Design: Strategies for Long-Term CSS Hack Management》中有详l说明?br />
另外一个关于CSS技巧的资源站点是Big John和Holly Bergevin的“Position is Everything”?br />
理解动行ؓ(f)
Eric Meyer的《Containing Floats》将帮助你掌握如何用float属性布局。float元素有时候需要清?clear)Q阅诅RHow To Clear Floats Without Structural Markup》将非常有帮助?br />
更多帮助
已有的《CSS Discussion》列表是很好的资源,它收集了一个WiKiA讨论l的信息Q其中包括CSS布局ȝ(css-discuss.incutio.com/?page=CssLayouts)QCSS 技巧ȝ (css-discuss.incutio.com/?page=CssHack) 以及(qing)更多



kelven 2006-11-18 14:05 发表评论
]]>
提高面昄速度的秘技http://m.tkk7.com/zhangrenquan/articles/81918.htmlkelvenkelvenSat, 18 Nov 2006 06:03:00 GMThttp://m.tkk7.com/zhangrenquan/articles/81918.htmlhttp://m.tkk7.com/zhangrenquan/comments/81918.htmlhttp://m.tkk7.com/zhangrenquan/articles/81918.html#Feedback0http://m.tkk7.com/zhangrenquan/comments/commentRss/81918.htmlhttp://m.tkk7.com/zhangrenquan/services/trackbacks/81918.html提高面昄速度的秘技 


在安排Web面的布局Ӟ最常用的方法之一是用HTML表格界定面的结构。例如,假设W(wng)eb面由顶端的D条和它下面的两栏Q列Q构成——左边的列是一个导航条Q右边的列是实际安置内容的区域。对于这样一个页面,我们可以用一个两行、两列的大表D行布局Q在W一行中Q合q两个列然后放上端D表格Q在W二个行中,左边的列放上一个显C导航按钮的表格Q右边的列再用一个表格显C页面的实际内容。用q种表格嵌套表格的方法进行布局可以得到非常好的效果?br />
要制作出q种面Q我们可以用如下HTML代码
  
< TABLE BORDER="0" > < TR > < TD COLSPAN="2" >< !-- 端D条的内容 -- >< /TD >< /TR > < TR > < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左边D条的内容 -- >< /TD > <TD ALIGN="LEFT" VALIGN="TOP" >< !-- 面内容区域 -- >< /TD > < /TR > < /TABLE > 


如果览器发现页面中有一个TABLE标记Q在接收到对应的l束标记< /TABLE>之前它不?x)显C个表根{因此,如果整个面都放入了一个大表格中,在浏览器下蝲q个大表格的< /TABLE>标记之前整个面都不?x)显C。当昄内容非常多的面Ӟ例如Q搜索结果或者电(sh)子商务网站上的品目录)Q表格的延迟昄?x)导致整个页面显C的停顿。?br />
  Z避免出现q种情况Q我们应该把面划分成多个较?yu)且独立的表格区域。这L(fng)话,每个表格的HTML代码下蝲之后览器就可以立即昄它。对于浏览者来_(d)面在屏幕上一部分、一部分地逐渐昄出来。而且更重要的是,q种面在屏q上开始显C的速度要比前面{待整个面下蝲才显C的Ҏ(gu)快得多?br />
  对于前面介绍的例子,我们不是使用单个大表D行页面布局Q而是使用三个独立的表|(x)W一个表格显C页面顶端的D条,使其h_的宽度显C页面内容ƈ完整地给出其<TABLE >< /TABLE>标记对;在第一个表格的左下位置安排W二个表|使这个表格向左对齐;最后一个表g于第二个表格的右边,用于攄面内容。由于现在每一部分都是一个独立的表格Q浏览器只要下蝲了Q一部分的代码就?x)立xC它。因此,面端和左面的D条将比页面其余部分更快地昄出来。这避免了让浏览者长旉地在I白面前等待,而是l了他这样一U印象:(x)面已经开始下载,整个面立d现在屏幕上?br />
  修改后的布局代码如下所C:(x) 

 
< TABLE BORDER="0" WIDTH="100%" > < TR > < TD ALIGN="CENTER" VALIGN="TOP">< !-- 端D条的内容 -- >< /TD > < /TR > < /TABLE > < TABLE BORDER="0"ALIGN="LEFT" > < TR > < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左边D条的内容 -- ></TD > < /TR > < /TABLE > < TABLE BORDER="0" > < TR > < TD ALIGN="LEFT"VALIGN="TOP" >< !-- 面内容区域 -- >< /TD > < /TR > < /TABLE >  


正如可能早地关闭TABLE标记使得览器能够快速地昄g的数据,q有另外两个标记也同样可以用q种Ҏ(gu)提高昄速度Q这两个标记是用于制作列表框的<OPTION >标记和用于制作无序列表的< LI >标记?br />
ASPE序员常常要讉K数据库获取数据然后用< OPTION >标记构造列表框。只要简单地改动一下代码关?lt;OPTION >标记Q就可以让浏览器昄面的速度加快。?br />
  例如Q原先用下面的代码Q   

 
Do while not objRS.EOF strOptionList = strOptionList & "< OPTIONVALUE=""" & objRS("ID") & _ """ >" & objRS("ProductName") objRS.MoveNextLoop Response.Write "< SELECT SIZE=""1"" >" & strOptionList & "< /SELECT >" 


  现在只需改动一行代码:(x)   

 

 
Do while not objRS.EOF strOptionList = strOptionList & "< OPTIONVALUE=""" & objRS("ID") & _ """ >" & objRS("ProductName") & "< /OPTION >"objRS.MoveNext Loop Response.Write "< SELECT SIZE=""1"" >" & strOptionList &""  


  如果原来使用的代码如下:(x) 

 
< UL > < LI >Ҏ(gu) < LI >桔子 < LI >香蕉 < /UL >  


  那么现在改用Q  

 
< UL > < LI >Ҏ(gu)< /LI > < LI >桔子< /LI > < LI >香蕉< /LI > < /UL >  


  l过q些改动之后Q浏览器昄面的速度会(x)更快?/div>

kelven 2006-11-18 14:03 发表评论
]]>
在主中制作?x)移动的文?/title><link>http://m.tkk7.com/zhangrenquan/articles/81917.html</link><dc:creator>kelven</dc:creator><author>kelven</author><pubDate>Sat, 18 Nov 2006 06:01:00 GMT</pubDate><guid>http://m.tkk7.com/zhangrenquan/articles/81917.html</guid><wfw:comment>http://m.tkk7.com/zhangrenquan/comments/81917.html</wfw:comment><comments>http://m.tkk7.com/zhangrenquan/articles/81917.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/zhangrenquan/comments/commentRss/81917.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/zhangrenquan/services/trackbacks/81917.html</trackback:ping><description><![CDATA[<br />基本语法Q?br /><br />  <marquee>需要移动的文字</marquee><direction=Q?gt;<br /><br />  1.方向Q?left, right<br /><br />  ?<marquee direction=left>从右向左Ud</marquee>><br />   <marquee direction=right>从左向右Ud</marquee>><br /><br />  2.ơ数<bihavior=Q?gt;Q?scroll, slide, alternate<br /><br />  ?<marquee behavior=scroll>一圈一圈的l着Ud</marquee>><br />   <marquee behavior=slide>只移动一ơ就?lt;/marquee>><marqueebehavior=alternate>来回UdQ不?lt;/marquee>><br /><br />  3.循环<loop=Q?gt;Q?ơ数Q若未指定则循环不止(infinite)<br /><br />  ?<marquee loop=3 width=50Qbehavior=scroll>只走3?lt;/marquee><br /><br />  4.速度加快<scrollamount=Q?gt;<br /><br />  ?<marquee scrollamount=20>Ud速度加快</marquee>><br /><br />  5.速度减慢<scrolldelay=Q?gt;<br /><br />  ?<marquee scrolldelay=500 scrollamount=100>Ud速度减慢</marquee><br />   <br />   6.底色<bgcolor=Q?gt;Q?rrggbb 16q制数码Q或者是下列预定义色?br />QBlack, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,<br />Fuchsia,White, Green, Purple, Silver, Yellow, Aqua<br /><br />  ?<marquee bgcolor=red>是红色的</marquee><br /><br />  7.面积<height=Qwidth=Q?gt;<br /><br />  ?<marquee height=80 bgcolor=red>面积变大?lt;/marquee> <br /> <br /><img src ="http://m.tkk7.com/zhangrenquan/aggbug/81917.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/zhangrenquan/" target="_blank">kelven</a> 2006-11-18 14:01 <a href="http://m.tkk7.com/zhangrenquan/articles/81917.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>你可能不知道的CSS语法技巧(转)http://m.tkk7.com/zhangrenquan/articles/62162.htmlkelvenkelvenMon, 07 Aug 2006 06:06:00 GMThttp://m.tkk7.com/zhangrenquan/articles/62162.htmlhttp://m.tkk7.com/zhangrenquan/comments/62162.htmlhttp://m.tkk7.com/zhangrenquan/articles/62162.html#Feedback0http://m.tkk7.com/zhangrenquan/comments/commentRss/62162.htmlhttp://m.tkk7.com/zhangrenquan/services/trackbacks/62162.html一般的写法?x)是q样Q?br />
font-weight: bold;
font-style: italic;
font-varient: small-caps;
font-size: 1em;
line-height: 1.5em;
font-family: verdana,sans-serif

而实际上你可以用更简z的写法Q?br />
font: bold italic small-caps 1em/1.5em verdana,sans-serif

是不是更省事Q不q用这U简写需要注意几点:(x)要ɽ写定义有效必至提?font-size ?font-family q两个属性;同时font-weight, font-style 以及(qing) font-varient q几个属性如果不做设定的话将默认为normal?br />
2. 同时使用两个Class定义
一般我们只?x)给内容块指定一个ClassQ但qƈ不代表我们只能指定一个。实际上只要你愿意,可以同时把Q意多个Class赋给某块内容。比如:(x)

<p class="text side">...</p>

多个Class之间用空格分隔即可。当多个Class之间的属性发生重叠的时候,根据各个Class在CSS定义文g中被定义的位|,后定义的Class属性自动覆盖之前定义的Class属性(而不是根据你在class="text side"q里排列的顺序来q行覆盖Q?br />
3. CSS border的缺省?br />通常我们定义border属性都?x)提供color,width,styleq些属性。比?border: 3px solid #000 。不q实际上必须要提供的属性只有style。如果你只写 border: solid 的话Q其他的属性自动用缺省倹{border的缺省宽度是medium(大约3px-4px)Q缺省的颜色是位于border里面的内Ҏ(gu)字的颜色。如果这些缺省值可以满你的要求,你完全可以省略这两项属性?br />
4. 专门用于打印的CSS文档
很多web面都会(x)提供一个打印链接,方便用户使用另一U适合打印界面的CSS。但实际上你完全可以Z的页面指定两个CSS文档linkQ这h览器?x)自动调用合适的CSS来用于显C或打印。比如:(x)

<link type="text/css" rel="stylesheet" href="stylesheet.css" media="screen" />
<link type="text/css" rel="stylesheet" href="printstyle.css" media="print" />

通过指定link的media属性,览器就能根据需要来调用特定的CSS文g来处理页面了。关于打印更多的Q请参见 Print Different,

5. CSS中的内容垂直寚w
用传l的table来实现垂直对齐很Ҏ(gu)Q只要用 vertical-align: middle 可以让table的内容垂直居中。但q个属性在CSS里面却行不通?br />解决Ҏ(gu)是把内容的行高设|成与内容块一样高。比如你的div高是32pxQ那在你的CSS定义里面d属?line-height: 32px; q样文字看上d垂直居中于层里面了。不q这个方法只适用于单行文字,对于多行文字Q似乎没有什么好Ҏ(gu)?br />
6. 让背景色能够垂直拉齐到底?br />CSS与传l的table来说另一个让Z爽的地方是它的垂直层的对齐。如果你的页面分Z列,其中一列比较长而另一列比较短Q同时两列的背景色和面ȝ背景色是不同的话Q显C出来的效果比较丑陋,不像table那样只要把td的高度设?00%p够把每一列的高度拉到一样长?br />要解册个问题似乎只能用一个取巧的办法Q根据每列的宽度和背景色讄背景囄Q让用户看上M乎拉q了Q?br />
body
{
background: url(blue-image.gif) 0 0 repeat-y
}

7. block / inline 属?br />M一个HTML元素都是block或者inline的?br />block元素的特性包括:(x)

L另v一行开始显C?
height, line-height, top/bottom margin属性可以被讄
width~省值是100%,除非你指定了另外的width?
q一cȝHTML元素包括<div>, <p>, <h1>, <form>, <ul> 以及(qing) <li>{?br />
inline元素的特性包括:(x)

直接跟在当前行的后面昄
height, line-height, top/bottom margin属性不能改?
width值就{于包含其中的文?囄的宽度,q且q个g能被改变
q一cȝHTML元素包括<span>, <a>, <label>, <input>, <img>, <strong> 以及(qing) <em>{?br />
你可以通过讄元素属性display: inline ?display: block来改变元素的以上Ҏ(gu)?br />
8. 讄面的最宽?br />CSS语法中很有用的一个属性是 min-width 。通过q个属性你可以讄M元素的最宽度。也是说你也可以用q个来限刉面显C的最宽度?br />但有个小问题是:(x)IE览器无法ؓ(f)<body>元素讄min-widthQ因此要让这个属性v作用Q我们需要走点弯路?br />首先?lt;body>后面插入一?lt;div>Q?br />
<body>
<div class="container">

然后在CSS定义里面定义最宽度ؓ(f)600pxQ?br />
#container
{
min-width: 600px;
width:expression(document.body.clientWidth < 600? "600px": "auto" );
}

W一个属性是最宽度定义的标准写法Q第二个属性则是只有IE能够理解的javascript表达式?br />你也可以同时讑֮面的最大最宽度:(x)

#container
{
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 1200? "1200px" : "auto");
}

9. Text-transform 属?br />q个属性可能也是CSS当中用的Z多但却很有用处的属性之一。其常见的可用值包括:(x)text-transform: uppercase, text-transform: lowercase 以及(qing) text-transform: capitalize。第一个将把所有的字母转化成大写;W二个将把所有字母{成小写;W三个则把每个单词的首字母{成大写。不q对于非英文|站来说Q这个功能确实就没什么用了?br />
10. IE中消q文字和图?br />IE有个很莫名其妙的BugQ有时候文字或者背景图片死zLCZ出来。如果你全选整个页面,?x)发现那些内容实际上q在那里Q或者重新刷C下页面显C就正常了?br />通常来说q个问题都发生在那些跟在动元素后面昄的文字或背景囄w上。要解决q个问题Q可以试试给你的那些消失的元素加上position: relative 属性。如果还不行Q再试试讄一下width属性。一般来说这样做之后问题p决了?img src ="http://m.tkk7.com/zhangrenquan/aggbug/62162.html" width = "1" height = "1" />

kelven 2006-08-07 14:06 发表评论
]]>
隐藏html源码http://m.tkk7.com/zhangrenquan/articles/61195.htmlkelvenkelvenTue, 01 Aug 2006 06:08:00 GMThttp://m.tkk7.com/zhangrenquan/articles/61195.htmlhttp://m.tkk7.com/zhangrenquan/comments/61195.htmlhttp://m.tkk7.com/zhangrenquan/articles/61195.html#Feedback0http://m.tkk7.com/zhangrenquan/comments/commentRss/61195.htmlhttp://m.tkk7.com/zhangrenquan/services/trackbacks/61195.html<html>
<head>
<script>
function clear() {
Source=document.body.firstChild.data;
document.open();
document.close();
document.body.innerHTML=Source;
}
</script>
</head>
<body onload=clear()>
|页的内?br /></body>
</html>



kelven 2006-08-01 14:08 发表评论
]]>
囄渐变轮换效果http://m.tkk7.com/zhangrenquan/articles/61193.htmlkelvenkelvenTue, 01 Aug 2006 06:06:00 GMThttp://m.tkk7.com/zhangrenquan/articles/61193.htmlhttp://m.tkk7.com/zhangrenquan/comments/61193.htmlhttp://m.tkk7.com/zhangrenquan/articles/61193.html#Feedback0http://m.tkk7.com/zhangrenquan/comments/commentRss/61193.htmlhttp://m.tkk7.com/zhangrenquan/services/trackbacks/61193.html<html>
<head>
<title>囄渐变轮换效果</title>
<meta name="generator" content="editplus">
<meta name="author" content="">
</head>
<body>
<p>囄渐变轮换效果(IE),L(fng)几秒钟看效果</p>
<a href="#" id="javascript.a"><img src="<script>
<!--
var ImgSrc = new Array();//囄地址
ImgSrc[0] ="
ImgSrc[1] = "ImgSrc[2] = "ImgSrc[3] ="ImgSrc[4] = "ImgSrc[5] = "ImgSrc[6] = "ImgSrc[7] = "
for (var i=0;i<ImgSrc.length;i++){(new Image()).src = ImgSrc[i];}//预加载图?/p>

var ImgAlt = new Array();//鼠标放上LC的文字
ImgAlt[0] = "国《国家地理杂志?"
ImgAlt[1] = "国《国家地理杂志?"
ImgAlt[2] = "国《国家地理杂志?"
ImgAlt[3] = "国《国家地理杂志?"
ImgAlt[4] = "国《国家地理杂志?"
ImgAlt[5] = "国《国家地理杂志?"
ImgAlt[6] = "国《国家地理杂志?"
ImgAlt[7] = "国《国家地理杂志?"

var ImgHerf =  new Array();//链接
ImgHerf[0] = "
ImgHerf[1] = "ImgHerf[2] = "http://www.12free.cn/kelven/mypic/Usa_geography/pic2006/page_03.htm"
ImgHerf[3] = "ImgHerf[4] = "ImgHerf[5] = "ImgHerf[6] = "ImgHerf[7] = "http://www.12free.cn/kelven/mypic/Usa_geography/pic2006/page_08.htm"

var step=0;
function slideit(){
 var oImg = document.getElementById("javascript.img");
 if (document.all){oImg.filters.blendTrans.apply();}
 oImg.src=ImgSrc[step];
 document.getElementById("javascript.a").href=ImgHerf[step];
 oImg.title=ImgAlt[step];
 if (document.all){oImg.filters.blendTrans.play();}
 step = (step<(ImgSrc.length-1))?(step+1):0;
 (new Image()).src = ImgSrc[step];//加蝲下一个图?br />}
setInterval("slideit()",3000);
//-->
</script>
</body>
</html>



kelven 2006-08-01 14:06 发表评论
]]>
|页Ҏ(gu)Q用层模拟的窗http://m.tkk7.com/zhangrenquan/articles/61186.htmlkelvenkelvenTue, 01 Aug 2006 05:50:00 GMThttp://m.tkk7.com/zhangrenquan/articles/61186.htmlhttp://m.tkk7.com/zhangrenquan/comments/61186.htmlhttp://m.tkk7.com/zhangrenquan/articles/61186.html#Feedback0http://m.tkk7.com/zhangrenquan/comments/commentRss/61186.htmlhttp://m.tkk7.com/zhangrenquan/services/trackbacks/61186.html<html>
<head>
<title>_xWin</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type='text/css'>
<!--
body{font-size:12px;}
a:visited{text-decoration:none;color:slategray;}
a:hover{text-decoration:underline;color:slategray;}
a:link{text-decoration:none;color:slategray;}
-->
</style>
<script language=JScript>
<!--
//可以打包为js文g;
var x0=0,y0=0,x1=0,y1=0;
var offx=6,offy=6;
var moveable=false;
var hover='orange',normal='#336699';//color;
var index=10000;//z-index;
//开始拖?
function startDrag(obj)
{
 if(event.button==1)
 {
  //锁定标题?
  obj.setCapture();
  //定义对象;
  var win = obj.parentNode;
  var sha = win.nextSibling;
  //记录鼠标和层位置;
  x0 = event.clientX;
  y0 = event.clientY;
  x1 = parseInt(win.style.left);
  y1 = parseInt(win.style.top);
  //记录颜色;
  normal = obj.style.backgroundColor;
  //改变风格;
  obj.style.backgroundColor = hover;
  win.style.borderColor = hover;
  obj.nextSibling.style.color = hover;
  sha.style.left = x1 + offx;
  sha.style.top = y1 + offy;
  moveable = true;
 }
}
//拖动;
function drag(obj)
{
 if(moveable)
 {
  var win = obj.parentNode;
  var sha = win.nextSibling;
  win.style.left = x1 + event.clientX - x0;
  win.style.top = y1 + event.clientY - y0;
  sha.style.left = parseInt(win.style.left) + offx;
  sha.style.top = parseInt(win.style.top) + offy;
 }
}
//停止拖动;
function stopDrag(obj)
{
 if(moveable)
 {
  var win = obj.parentNode;
  var sha = win.nextSibling;
  var msg = obj.nextSibling;
  win.style.borderColor = normal;
  obj.style.backgroundColor = normal;
  msg.style.color = normal;
  sha.style.left = obj.parentNode.style.left;
  sha.style.top = obj.parentNode.style.top;
  obj.releaseCapture();
  moveable = false;
 }
}
//获得焦点;
function getFocus(obj)
{
 if(obj.style.zIndex!=index)
 {
  index = index + 2;
  var idx = index;
  obj.style.zIndex=idx;
  obj.nextSibling.style.zIndex=idx-1;
 }
}
//最化;
function min(obj)
{
 var win = obj.parentNode.parentNode;
 var sha = win.nextSibling;
 var tit = obj.parentNode;
 var msg = tit.nextSibling;
 var flg = msg.style.display=="none";
 if(flg)
 {
  win.style.height = parseInt(msg.style.height) + parseInt(tit.style.height) + 2*2;
  sha.style.height = win.style.height;
  msg.style.display = "block";
  obj.innerHTML = "0";
 }
 else
 {
  win.style.height = parseInt(tit.style.height) + 2*2;
  sha.style.height = win.style.height;
  obj.innerHTML = "2";
  msg.style.display = "none";
 }
}
//创徏一个对?
function xWin(id,w,h,l,t,tit,msg)
{
 index = index+2;
 this.id = id;
 this.width = w;
 this.height = h;
 this.left = l;
 this.top = t;
 this.zIndex = index;
 this.title = tit;
 this.message = msg;
 this.obj = null;
 this.bulid = bulid;
 this.bulid();
}
//初始?
function bulid()
{
 var str = ""
  + "<div id=xMsg" + this.id + " "
  + "style='"
  + "z-index:" + this.zIndex + ";"
  + "width:" + this.width + ";"
  + "height:" + this.height + ";"
  + "left:" + this.left + ";"
  + "top:" + this.top + ";"
  + "background-color:" + normal + ";"
  + "color:" + normal + ";"
  + "font-size:8pt;"
  + "font-family:Tahoma;"
  + "position:absolute;"
  + "cursor:default;"
  + "border:2px solid " + normal + ";"
  + "' "
  + "onmousedown='getFocus(this)'>"
   + "<div "
   + "style='"
   + "background-color:" + normal + ";"
   + "width:" + (this.width-2*2) + ";"
   + "height:20;"
   + "color:white;"
   + "' "
   + "onmousedown='startDrag(this)' "
   + "onmouseup='stopDrag(this)' "
   + "onmousemove='drag(this)' "
   + "ondblclick='min(this.childNodes[1])'"
   + ">"
    + "<span style='width:" + (this.width-2*12-4) + ";padding-left:3px;'>" + this.title + "</span>"
    + "<span style='width:12;border-width:0px;color:white;font-family:webdings;' onclick='min(this)'>0</span>"
    + "<span style='width:12;border-width:0px;color:white;font-family:webdings;' onclick='ShowHide(\""+this.id+"\",null)'>r</span>"
   + "</div>"
    + "<div style='"
    + "width:100%;"
    + "height:" + (this.height-20-4) + ";"
    + "background-color:white;"
    + "line-height:14px;"
    + "word-break:break-all;"
    + "padding:3px;"
    + "'>" + this.message + "</div>"
  + "</div>"
  + "<div id=xMsg" + this.id + "bg style='"
  + "width:" + this.width + ";"
  + "height:" + this.height + ";"
  + "top:" + this.top + ";"
  + "left:" + this.left + ";"
  + "z-index:" + (this.zIndex-1) + ";"
  + "position:absolute;"
  + "background-color:black;"
  + "filter:alpha(opacity=40);"
  + "'></div>";
 document.body.insertAdjacentHTML("beforeEnd",str);
}
//昄隐藏H口
function ShowHide(id,dis){
 var bdisplay = (dis==null)?((document.getElementById("xMsg"+id).style.display=="")?"none":""):dis
 document.getElementById("xMsg"+id).style.display = bdisplay;
 document.getElementById("xMsg"+id+"bg").style.display = bdisplay;
}
//modify by haiwa @ 2005-7-14
//http://www.51windows.Net
//-->
</script>

<script language='JScript'>
<!--
function initialize()
{
 var a = new xWin("1",160,200,200,200,"H口1","xWin <br> A Cool Pop Div Window<br>Version:1.0<br>2002-8-13");
 var b = new xWin("2",240,200,100,100,"H口2","Welcome to visited my personal website:<br><a href=http://www.by159.com target=_blank>http://www.by159.com</a><br>and u can also sign my guestbook at:<br><a href=http://www.by159.com target=_blank>http://www.by159.com</a><br><br>thx!!! =)...");
 var c = new xWin("3",200,160,250,50,"H口3","Copyright by <a href='http://www.by159.com'>by159</a>!");
 ShowHide("1","none");//隐藏H口1
}
window.onload = initialize;
//-->
</script>
</head>
<base target="_blank">
<body onselectstart='return false' oncontextmenu='return false' >
<a onclick="ShowHide('1',null);return false;" href="">H口1</a>
<a onclick="ShowHide('2',null);return false;" href="">H口2</a>
<a onclick="ShowHide('3',null);return false;" href="">H口3</a>
</body>
</html>



kelven 2006-08-01 13:50 发表评论
]]>
javascript表单事g汇?/title><link>http://m.tkk7.com/zhangrenquan/articles/60641.html</link><dc:creator>kelven</dc:creator><author>kelven</author><pubDate>Fri, 28 Jul 2006 10:15:00 GMT</pubDate><guid>http://m.tkk7.com/zhangrenquan/articles/60641.html</guid><wfw:comment>http://m.tkk7.com/zhangrenquan/comments/60641.html</wfw:comment><comments>http://m.tkk7.com/zhangrenquan/articles/60641.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/zhangrenquan/comments/commentRss/60641.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/zhangrenquan/services/trackbacks/60641.html</trackback:ping><description><![CDATA[1. onabortQns3Qns4Qie4Q:(x)当用L(fng)止正在打开的网|产生该事件?br />2. onblurQns3Qns4Qie3Qie4Q:(x)某元素失L动焦Ҏ(gu)产生该事件。例如鼠标在文本框中点击后又在文本框外点?yn)L׃(x)产生?br />3. onchangeQns3Qns4Qie3Qie4Q:(x)当网上某元素的内容发生改变时生。例如在文本框中输入文本后又在文本框外点?yn)L׃(x)产生?br />4. onclickQns3Qns4Qie3Qie4Q单ȝ上的某元素时?br />5. ondblclickQns4Qie4Q:(x)双击|页上的元素时?br />6. onerrorQns3Qns4Qie4Q:(x)览器在打开|页的过E中发生错误时生该事g<br />7. onfinishQie4Q:(x)滚动文本条中的文本完成一ơ滚动时产生的事?br />8. onfocusQns3Qns4Qie3Qie4Q网上的元素获得焦Ҏ(gu)产生该事?br />9. onkeydownQns4Qie4Q按下Q意键时生该事g<br />10. onkeypressQns4Qie4Q按下Q意键时ƈ释放该键产生的事?br />11. onkeyupQns4Qie4Q释放按下的按键产生该事?br />12. onloadQns3?Qie3?Q网|图象调入完成后生该事g<br />13. onmousedownQns4Qie4Q在|页的某元素上按下鼠标时产生该事?br />14. onmousemoveQie3?Q在|页的某元素上移动鼠标时产生该事?br />15. onmouseoutQns3?Qie4Q从|页的某元素Ud鼠标时生该事g<br />16. onmouseoverQns3?Qie3?Q鼠标移入网늚某元素时产生该事?br />17. onmouseupQns4Qie4Q释放按下的鼠标时生该事g<br />18. onresetQns3?Qie3?Q复位表格时产生该事?br />19. onresizeQns4Qie4Q改变浏览器时生该事g<br />20. onselectQns3?Qie3?Q选择文本框中的文本时产生该事?br />21. onstartQie4Q滚动文本条中的文本开始滚动时产生该事?br />22. onsubmitQns3?Qie3?Q提交表单时产生该事?br />23. onunloadQns3?Qie3?Q从当前的网退出时产生该事?img src ="http://m.tkk7.com/zhangrenquan/aggbug/60641.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/zhangrenquan/" target="_blank">kelven</a> 2006-07-28 18:15 <a href="http://m.tkk7.com/zhangrenquan/articles/60641.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>拖拽 div Q?div半透明 的代?/title><link>http://m.tkk7.com/zhangrenquan/articles/55905.html</link><dc:creator>kelven</dc:creator><author>kelven</author><pubDate>Fri, 30 Jun 2006 03:35:00 GMT</pubDate><guid>http://m.tkk7.com/zhangrenquan/articles/55905.html</guid><wfw:comment>http://m.tkk7.com/zhangrenquan/comments/55905.html</wfw:comment><comments>http://m.tkk7.com/zhangrenquan/articles/55905.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://m.tkk7.com/zhangrenquan/comments/commentRss/55905.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/zhangrenquan/services/trackbacks/55905.html</trackback:ping><description><![CDATA[拖拽 div Q?div半透明 的代码:(x)<br /><a target="_blank"><br />http://www.cnlei.org/codes/javascript/js-drag-drop/demo.html</a><img src ="http://m.tkk7.com/zhangrenquan/aggbug/55905.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/zhangrenquan/" target="_blank">kelven</a> 2006-06-30 11:35 <a href="http://m.tkk7.com/zhangrenquan/articles/55905.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>多窗口操?/title><link>http://m.tkk7.com/zhangrenquan/articles/55897.html</link><dc:creator>kelven</dc:creator><author>kelven</author><pubDate>Fri, 30 Jun 2006 03:19:00 GMT</pubDate><guid>http://m.tkk7.com/zhangrenquan/articles/55897.html</guid><wfw:comment>http://m.tkk7.com/zhangrenquan/comments/55897.html</wfw:comment><comments>http://m.tkk7.com/zhangrenquan/articles/55897.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/zhangrenquan/comments/commentRss/55897.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/zhangrenquan/services/trackbacks/55897.html</trackback:ping><description><![CDATA[<p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a ><br /><html><br /><head><br /><meta http-equiv="content-type" content="text/html; charset=gb2312" /><br /><title>xWin HTC Demo</title><br /><style type="text/css"><br />body {<br /> width:100%;<br /> height:100%;<br /> margin:0px;<br /> padding:0px;<br /> overflow:auto;<br />}</p> <p>.xWin {<br /> position:absolute;<br /> cursor:default;<br /> border-width:2px;<br /> border-style:outset;<br /> padding:0px;<br /> font-size:12px;<br /> overflow:hidden;<br /> display:block;<br />}</p> <p>.xWin .xWinSetting {<br /> display:none;<br />}</p> <p>.xWin .xTitle {<br /> color:#FFFFFF;<br /> height:20px;<br /> display:block;<br />}</p> <p>.xWin .xTitle input {<br /> background-color:transparent;<br /> color:#FFFFFF;<br /> border-width:0px;<br /> border-style:solid;<br /> height:20px;<br /> width:16px;<br /> line-height:20px;<br /> font-family:webdings;<br /> font-size:10px;<br /> margin:0px;<br /> padding:0px;<br /> text-align:center;<br /> float:right;<br /> display:block;<br />}</p> <p>.xWin .xTitle .xWinTitleCloseButton {<br /> <br />}</p> <p>.xWin .xTitle .xWinTitleMaxButton {<br /> <br />}</p> <p>.xWin .xTitle .xWinTitleMinButton {<br /> <br />}</p> <p>.xWin .xTitle .xWinTitleContent {<br /> color:#FFFFFF;<br /> font-size:12px;<br /> height:18px;<br /> line-height:20px;<br /> margin:0px;<br /> padding-left:3px;<br /> float:left;<br /> display:block;<br /> overflow:hidden;<br /> white-space:nowrap;<br /> text-align:left;<br /> cursor:default;<br />}</p> <p>.xWin .xWinBody {<br /> margin:0px;<br /> background-color:#FFFFFF;<br /> color:#000000;<br /> padding:3px;<br /> font-size:12px;<br /> overflow:auto;<br /> position:relative;<br /> display:block;<br />}</p> <p>.xShadow {<br /> position:absolute;<br /> display:block;<br /> background-Color:#000000;<br /> color:#FFFFFF;<br />}<br /></style><br /><script type="text/javascript"><br />//<![CDATA[<br />//********************/<br />//  x pd?xWin<br />//  作者:(x)Hutia<br />//  未经同意不得转蝲或用于商业用?br />//********************/</p> <p>/*<br />说明Q?br />  xpd是Hutia开发的pdJS代码Q配合相应的css后可以实现快速的自定义标{?br />  目前xpd支持的浏览器cd为:(x)IE5.5, FF1.5</p> <p>  xWin的标{ؓ(f) <div class="xwin">content</div><br />  支持属性:(x)<br />    int left, int top, int width, int height<br />  支持Ҏ(gu)Q?br />    Close(), Destroy(), Max([bolean Variable]), Min([bolean Variable]), <br />    MoveTo(int x, int y), ResizeTo(int x, int y), SetContent(string Variable | htmlObject Variable)<br /> SetTitle(string Variable), ShowHide()<br />*/</p> <p>//**载入CSS*****<br />var xWinCssFilePath="sp\/css\/xwin.css";<br />//document.write("<style>@import url("+xWinCssFilePath+");</style>");</p> <p>//**浏览器U类*****<br />var BROWSERNAME="";<br />switch(navigator.appName.toLowerCase()){<br /> case "netscape":<br />  BROWSERNAME="ns";<br /> break;<br /> case "microsoft internet explorer":<br /> default:<br />  BROWSERNAME="ie";<br /> break;<br />}</p> <p>//**讄初始化变?*****<br />switch(BROWSERNAME){<br /> case "ns":<br />  window.addEventListener("load",_xWin_init,false);<br /> break;<br /> case "ie":<br /> default:<br />  window.attachEvent("onload",_xWin_init);<br />}</p> <p>//**讄全局定时?*****<br />if(typeof(__xSeriaTimer__)=="undefined"){<br /> var __xSeriaTimer__={<br />  events:new Array(),<br />  objs:new Array(),<br />  handle:null,<br />  exec:function(){<br />   for(var i=0;i<__xSeriaTimer__.events.length;i++){<br />    try{<br />     with(__xSeriaTimer__.objs[i]){<br />      eval(__xSeriaTimer__.events[i]);<br />     }<br />    }catch(e){}<br />   }<br />  },<br />  pop:function(i){<br />   __xSeriaTimer__.events[i]=null;<br />   __xSeriaTimer__.objs[i]=null;<br />  },<br />  push:function(strV,obj){<br />   for(var i=0;i<__xSeriaTimer__.events.length;i++){<br />    if(__xSeriaTimer__.events[i]==null){<br />     __xSeriaTimer__.events[i]=strV;<br />     __xSeriaTimer__.objs[i]=obj;<br />     return(i);<br />    }<br />   }<br />   __xSeriaTimer__.events[i]=strV;<br />   __xSeriaTimer__.objs[i]=obj;<br />   return(i);<br />  },<br />  start:function(){<br />   __xSeriaTimer__.stop();<br />   __xSeriaTimer__.handle=setInterval(__xSeriaTimer__.exec,30);<br />  },<br />  stop:function(){<br />   clearInterval(__xSeriaTimer__.handle);<br />  }<br /> };<br /> __xSeriaTimer__.start();<br />}</p> <p>//**初始化函?*****<br />function _xWin_init(){<br /> var allTheWindows=document.getElementsByTagName("div");<br /> for(var i=0;i<allTheWindows.length;i++){<br />  if(allTheWindows[i].className=="xWin")_xWin_event_doInit(allTheWindows[i]);<br /> }<br />}</p> <p> <br />//**事g响应函数?*****</p> <p>function _xWin_event_doInit(element){<br /> //初始化变?br /> element.ownerDocument.index=isNaN(element.ownerDocument.index)?10000:parseInt(element.ownerDocument.index)+1;<br /> element.x0=0;element.y0=0;<br /> element.x1=0;element.y1=0;<br /> element.w0=0;element.h0=0;<br /> element.offx=6;element.offy=6;<br /> element.padx=0;element.pady=0;<br /> element.minW=90;element.minH=(BROWSERNAME=="ns"?20:20);<br /> element.moveable=false;<br /> element.resizable=false;<br /> element.hover='orange';element.normal='#336699';<br /> element.minButton=BROWSERNAME=="ie"?"0":"_";<br /> element.maxButton=BROWSERNAME=="ie"?"1":"=";<br /> element.normalButton=BROWSERNAME=="ie"?"2":"+";<br /> element.closeButton=BROWSERNAME=="ie"?"r":"X";<br /> element._title="Untitled Window";<br /> element._body="";<br /> element._winRect={l:0,t:0,w:0,h:0};<br /> element._restoredWinRect={l:0,t:0,w:0,h:0};<br /> element._windowState="normal";<br /> element.settingNode=getElementByClassName(element,"xWinSetting");<br /> if(!element.settingNode){<br />  element.settingNode=document.createElement("div");<br />  element.settingNode.className="xWinSetting";<br />  element.settingNode.xwin=element;<br />  element.appendChild(element.settingNode);<br /> }<br /> element.xwin=element;<br /> <br /> //讄Ҏ(gu)<br /> element.Close=_xWin_method_Close;<br /> element.Destroy=_xWin_method_Destroy;<br /> element.GetSetting=_xWin_method_GetSetting;<br /> element.Max=_xWin_method_Max;<br /> element.Min=_xWin_method_Min;<br /> element.MoveTo=_xWin_method_MoveTo;<br /> element.ResizeTo=_xWin_method_ResizeTo;<br /> element.SetContent=_xWin_method_SetContent;<br /> element.SetTitle=_xWin_method_SetTitle;<br /> element.ShowHide=_xWin_method_ShowHide;<br /> <br /> //讄事g<br /> element.onmousedown=_xWin_event_doMDown;<br /> element.onmouseup=element.onlosecapture=_xWin_event_doMUp;<br /> element.onmousemove=_xWin_event_doMMove;<br /> element.onclick=_xWin_event_doClick;<br /> element.onselectstart=element.onselect=_xWin_event_doSelect;<br /> <br /> //记录昄风格<br /> var tempDisplay=element.style.display;<br /> //改变昄风格<br /> element.style.display="block";<br /> //讄H口变量<br /> var w=parseInt(element.GetSetting("width"));<br /> w=isNaN(w)?(element.offsetWidth+10):parseInt(w);<br /> w=w<element.minW?element.minW:w;<br /> var h=parseInt(element.GetSetting("height"));<br /> h=isNaN(h)?(element.offsetHeight+30):parseInt(h);<br /> h=h<element.minH?element.minH:h;<br /> var l=parseInt(element.GetSetting("left"));<br /> l=isNaN(l)?element.offsetLeft:parseInt(l);<br /> l=l<1?1:l;<br /> var t=parseInt(element.GetSetting("top"));<br /> t=isNaN(t)?element.offsetTop:parseInt(t);<br /> t=t<1?1:t;<br /> var z=element.ownerDocument.index;<br /> var title=new String(element.GetSetting("title"));<br /> <br /> //讄H口标题<br /> element.oTitle=element.ownerDocument.createElement("div");<br /> element.oTitle.xwin=element;<br /> element.oTitle.className="xTitle";<br /> element.appendChild(element.oTitle);<br /> <br /> //讄H口标题内容<br /> element.oTitleContent=element.ownerDocument.createElement("span");<br /> element.oTitleContent.xwin=element;<br /> element.oTitleContent.className="xWinTitleContent";<br /> element.oTitle.appendChild(element.oTitleContent);<br /> element.oTitleContent.ondblclick=function(){this.xwin.Max();};<br /> element.SetTitle(title);<br /> <br /> //讄H口标题关闭按钮<br /> element.oTitleCButton=element.ownerDocument.createElement("input");<br /> element.oTitleCButton.xwin=element;<br /> element.oTitleCButton.type="button";<br /> element.oTitleCButton.className="xWinTitleCloseButton";<br /> element.oTitle.appendChild(element.oTitleCButton);<br /> element.oTitleCButton.onclick=function(){this.xwin.ShowHide("none");};<br /> element.oTitleCButton.value=element.closeButton;<br /> <br /> //讄H口标题最大化按钮<br /> element.oTitleMaButton=element.ownerDocument.createElement("input");<br /> element.oTitleMaButton.xwin=element;<br /> element.oTitleMaButton.type="button";<br /> element.oTitleMaButton.className="xWinTitleMaxButton";<br /> element.oTitle.appendChild(element.oTitleMaButton);<br /> element.oTitleMaButton.onclick=function(){this.xwin.Max();};<br /> element.oTitleMaButton.value=element.maxButton;<br /> <br /> //讄H口标题最化按钮<br /> element.oTitleMButton=element.ownerDocument.createElement("input");<br /> element.oTitleMButton.xwin=element;<br /> element.oTitleMButton.type="button";<br /> element.oTitleMButton.className="xWinTitleMinButton";<br /> element.oTitle.appendChild(element.oTitleMButton);<br /> element.oTitleMButton.onclick=function(){this.xwin.Min();};<br /> element.oTitleMButton.value=element.minButton;<br /> <br /> //讄H口内容<br /> element.oContent=element.ownerDocument.createElement("div");<br /> element.oContent.xwin=element;<br /> element.oContent.className="xWinBody";<br /> element.appendChild(element.oContent);<br /> oC=element.firstChild;<br /> while(oC){<br />  tC=oC.nextSibling;<br />  if(oC!=element.oTitle&&oC!=element.oContent){   <br />   element.oContent.appendChild(oC);<br />  }<br />  oC=tC;<br /> }<br /> <br /> //讄H口阴媄<br /> element.oShadow=element.ownerDocument.createElement("div");<br /> element.oShadow.xwin=element;<br /> element.oShadow.className="xShadow";<br /> element.parentNode.insertBefore(element.oShadow,element.nextSibling);<br /> element.oShadow.style.zIndex=z-1;<br /> <br /> element.MoveTo(l,t);<br /> element.ResizeTo(w,h);<br /> <br /> //恢复昄风格<br /> element.style.display=tempDisplay;<br /> //讄H口样式<br /> with(element.style){<br />  zIndex=z;<br />  backgroundColor=element.normal;<br />  color=element.normal;<br /> }<br /> padx=element.offsetWidth-element.clientWidth;<br /> pady=element.offsetHeight-element.clientHeight;<br /> <br />}</p> <p>function _xWin_event_doMDown(evt){<br /> var e=evt?evt:window.event;<br /> var eSrc=e.srcElement?e.srcElement:e.target;<br /> var leftButton=e.srcElement?e.button==1:e.button==0;</p> <p> if(this.style.zIndex!=this.ownerDocument.index){//窗口放到最?br />  this.ownerDocument.index+=2;<br />  var idx = this.ownerDocument.index;<br />  this.style.zIndex=idx;<br />  this.nextSibling.style.zIndex=idx-1;<br /> }<br /> if(eSrc==this.oTitleContent&&leftButton&&this._windowState=="normal"){//如果开始拖?br />  //锁定标题?<br />  document.captureEvents?document.captureEvents("mousemove",this.oTitle):this.oTitle.setCapture();<br />  //定义对象;<br />  var win = this;<br />  var sha = win.nextSibling;<br />  //记录鼠标和层位置;<br />  this.x0 = e.clientX;<br />  this.y0 = e.clientY;<br />  this.x1 = parseInt(win.style.left);<br />  this.y1 = parseInt(win.style.top);<br />  //改变风格;<br />  this.oTitle.style.backgroundColor = this.hover;<br />  win.style.borderColor = this.hover;<br />  this.oTitle.nextSibling.style.color = this.hover;<br />  sha.style.left = this.x1 + this.offx;<br />  sha.style.top  = this.y1 + this.offy;<br />  this.moveable = true;<br />  return(true);<br /> }<br /> if(this.style.cursor!="default"&&this._windowState=="normal"){//开始改变大?br />  //锁定标题?<br />  document.captureEvents?document.captureEvents("mousemove",this.oTitle):this.oTitle.setCapture();<br />  //定义对象;<br />  var win = this;<br />  var sha = win.nextSibling;<br />  //记录鼠标位置和层位置和大?<br />  this.x0=e.clientX;<br />  this.y0=e.clientY;<br />  this.x1=parseInt(win.offsetLeft);<br />  this.y1=parseInt(win.offsetTop);<br />  this.w0=parseInt(win.offsetWidth);<br />  this.h0=parseInt(win.offsetHeight);<br />  //改变风格;<br />  this.oTitle.style.backgroundColor = this.hover;<br />  win.style.borderColor = this.hover;<br />  this.oTitle.nextSibling.style.color = this.hover;<br />  sha.style.left = this.x1 + this.offx;<br />  sha.style.top  = this.y1 + this.offy;<br />  this.resizable = true;<br />  return(true);<br /> }<br />}</p> <p>function _xWin_event_doMUp(evt){<br /> var e=evt?evt:window.event;<br /> document.releaseEvents?document.releaseEvents("mousemove",this.oTitle):this.oTitle.releaseCapture();<br /> if(this.moveable){<br />  var win = this;<br />  var sha = win.nextSibling;<br />  var msg = this.oTitle.nextSibling;<br />  win.style.borderColor     = "";<br />  this.oTitle.style.backgroundColor = "";<br />  msg.style.color           = "";<br />  sha.style.left = this.oTitle.parentNode.style.left;<br />  sha.style.top  = this.oTitle.parentNode.style.top;<br />  this.moveable = false;<br />  return(false);<br /> }<br /> if(this.resizable){<br />  var win = this;<br />  var sha = win.nextSibling;<br />  var msg = this.oTitle.nextSibling;<br />  win.style.borderColor     = "";<br />  this.oTitle.style.backgroundColor = "";<br />  msg.style.color           = "";<br />  sha.style.left = this.oTitle.parentNode.style.left;<br />  sha.style.top  = this.oTitle.parentNode.style.top;<br />  sha.style.width = this.oTitle.parentNode.style.width;<br />  sha.style.height = this.oTitle.parentNode.style.height;<br />  this.style.cursor="default";<br />  this.resizable = false;<br />  return(false);<br /> }<br />}</p> <p>function _xWin_event_doMMove(evt){<br /> var e=evt?evt:window.event;<br /> if(this.moveable){//拖动H口<br />  this.MoveTo(this.x1 + e.clientX - this.x0, this.y1 + e.clientY - this.y0);<br />  return(true);<br /> }<br /> if(this.resizable){//改变H口大小<br />  var xxx=this.style.cursor.substring(0,2).match(/[we]/i);<br />  var yyy=this.style.cursor.substring(0,2).match(/[ns]/i);<br />  l=this.offsetLeft;<br />  t=this.offsetTop;<br />  w=parseInt(this.style.width);<br />  h=parseInt(this.style.height);<br />  if(xxx=="w"){<br />   l=this.x1+e.clientX - this.x0;<br />   w=this.w0+this.x0-e.clientX;<br />   if(l<0){w+=l;l=0;}<br />   if(w<this.minW){l=l+w-this.minW;w=this.minW;}<br />  }<br />  if(xxx=="e"){<br />   w=this.w0+e.clientX-this.x0;<br />   w=w<this.minW?this.minW:w;<br />  }<br />  if(yyy=="n"){<br />   t=this.y1+e.clientY - this.y0;<br />   h=this.h0+this.y0-e.clientY;<br />   if(t<0){h+=t;t=0;}<br />   if(h<this.minH){t=t+h-this.minH;h=this.minH;}<br />  }<br />  if(yyy=="s"){<br />   h=this.h0+e.clientY-this.y0;<br />   h=h<this.minH?this.minH:h;<br />  }<br />  this.MoveTo(l,t);<br />  this.ResizeTo(w,h);<br />  <br />  return(true);<br /> }<br /> if(this._windowState=="normal"){<br />  var cc="";<br />  x=window.getRealLeft(this);<br />  y=window.getRealTop(this);<br />  w=parseInt(this.offsetWidth);<br />  h=parseInt(this.offsetHeight);<br />  if(e.clientY-y<5)cc+="n";<br />  if(y+h-e.clientY<5)cc+="s";<br />  if(e.clientX-x<5)cc+="w";<br />  if(x+w-e.clientX<5)cc+="e";<br />  if(cc!=""){<br />   this.style.cursor=cc+"-resize";<br />   return(true);<br />  }<br />  if(this.style.cursor!="default"){<br />   this.style.cursor="default";<br />  }<br /> }<br />}</p> <p>function _xWin_event_doClick(evt){<br /> var e=evt?evt:window.event;<br /> var eSrc=e.srcElement?e.srcElement:e.target;<br /> switch(eSrc){<br />  <br /> }<br />}</p> <p>function _xWin_event_doSelect(evt){<br /> var e=evt?evt:window.event;<br /> var eSrc=e.srcElement?e.srcElement:e.target;<br /> if(eSrc==this.oTitle||this.oTitle.contains(eSrc)){<br />  e.cancelBubble=true;<br />  e.returnValue=false;<br />  return(false);<br /> }<br />}</p> <p>function _xWinParentNode_event_doScroll(evt){<br /> if(!this.minimizedWindows)return(true);<br /> for(var i=0;i<this.minimizedWindows.length;i++){<br />  this.minimizedWindows[i].Min(true);<br /> }<br />}</p> <p> </p> <p>//**Ҏ(gu)函数?*****</p> <p>function _xWin_method_Close(){<br /> this.Destroy();<br />}</p> <p>function _xWin_method_Destroy(){<br /> if(this.minIndex){<br />  this.parentNode.minimizedWindows[this.minIndex]=null;<br />  this.minIndex=null;<br /> }<br /> this.outerHTML="";<br />}</p> <p>function _xWin_method_GetSetting(attributeName){<br /> var settingString=this.settingNode.innerHTML;<br /> if(!attributeName)return(settingString);<br /> var regE=new RegExp(attributeName+"=[ \t]*\"?([^\"]*)","i");<br /> var re=settingString.match(regE);<br /> if(re){<br />  return(re[1]);<br /> }else{<br />  return(re);<br /> }<br />}</p> <p>function _xWin_method_Max(reV){<br /> if(this._windowState=="maximize"&&(!reV)){<br />  //q原父节点overflow属?br />  this.parentNode.style.overflow=this.parentNode.restoredStyle_overflow;<br />  <br />  this.MoveTo(this._restoredWinRect.l,this._restoredWinRect.t);<br />  this.ResizeTo(this._restoredWinRect.w,this._restoredWinRect.h);<br />  this.oTitleMButton.value = this.minButton;<br />  this.oTitleMaButton.value = this.maxButton;<br />  this._windowState="normal";<br /> }else{<br />  if(this._windowState=="normal"){<br />   this._restoredWinRect.l=this._winRect.l;this._restoredWinRect.t=this._winRect.t;<br />   this._restoredWinRect.w=this._winRect.w;this._restoredWinRect.h=this._winRect.h;<br />  }<br />  if(this.minIndex!=null){<br />   this.parentNode.minimizedWindows[this.minIndex]=null;<br />   this.minIndex=null;<br />  }<br />  if(this.minTimeHandle!=null){<br />   __xSeriaTimer__.pop(this.minTimeHandle);<br />   this.minTimeHandle=null;<br />  }<br />  //U录父节点overflow属?br />  this.parentNode.restoredStyle_overflow=this.parentNode.style.overflow;<br />  //改变父节点overflow属?br />  this.parentNode.style.overflow="hidden";<br />  <br />  this.MoveTo(0,0);<br />  if(this.parentNode!=document.body){<br />   w=this.parentNode.clientWidth-5;<br />   h=this.parentNode.clientHeight-4;<br />  }else{<br />   w=document.documentElement.clientWidth-5;<br />   h=document.documentElement.clientHeight-4;<br />  }<br />  this.ResizeTo(w,h);<br />  this.oTitleMButton.value = this.minButton;<br />  this.oTitleMaButton.value = this.normalButton;<br />  this._windowState="maximize";<br />  this.scrollIntoView();<br /> }<br />}</p> <p>function _xWin_method_Min(reV){<br /> if(this._windowState=="minimize"&&(!reV)){<br />  this.MoveTo(this._restoredWinRect.l,this._restoredWinRect.t);<br />  this.ResizeTo(this._restoredWinRect.w,this._restoredWinRect.h);<br />  this.oTitleMButton.value = this.minButton;<br />  this.oTitleMaButton.value = this.maxButton;<br />  this._windowState="normal";<br />  this.parentNode.minimizedWindows[this.minIndex]=null;<br />  this.minIndex=null;<br />  if(this.minTimeHandle!=null){<br />   __xSeriaTimer__.pop(this.minTimeHandle);<br />   this.minTimeHandle=null;<br />  }<br /> }else{<br />  if(this._windowState=="normal"){<br />   this._restoredWinRect.l=this._winRect.l;this._restoredWinRect.t=this._winRect.t;<br />   this._restoredWinRect.w=this._winRect.w;this._restoredWinRect.h=this._winRect.h;<br />  }else{<br />   //q原父节点overflow属?br />   try{<br />    this.parentNode.style.overflow=this.parentNode.restoredStyle_overflow;<br />   }catch(e){}<br />  }<br />  if(!this.parentNode.minimizedWindows)this.parentNode.minimizedWindows=new Array();<br />  if(this._windowState!="minimize"){<br />   for(var i=0;i<this.parentNode.minimizedWindows.length;i++){<br />    if(this.parentNode.minimizedWindows[i]==null)break;<br />   }<br />   this.parentNode.minimizedWindows[i]=this;<br />  }else{<br />   i=this.minIndex;<br />  }<br />  this.ResizeTo(0,0);<br />  var w=this.offsetWidth;<br />  var h=this.offsetHeight;<br />  var mw=getParentRect(this).mw;<br />  var mh=getParentRect(this).mh;<br />  var n=parseInt(mw/w);<br />  var t=parseInt(i/n)+1;<br />  this.MoveTo(w*(i%n),mh-t*h-1);<br />  if(mh>getParentRect(this).mh){<br />   this.MoveTo(w*(i%n),mh-t*h-200);<br />   mh=getParentRect(this).mh;<br />   this.MoveTo(w*(i%n),mh-t*h-1);<br />  }<br />  this.minIndex=i;<br />  this.oTitleMButton.value = this.normalButton;<br />  this.oTitleMaButton.value = this.maxButton;<br />  this._windowState="minimize";<br />  if(this.minTimeHandle==null){<br />   this.minTimeHandle=__xSeriaTimer__.push("Min(true)",this);<br />   this.scrollIntoView();<br />  }<br /> }<br />}</p> <p>function _xWin_method_MoveTo(x,y){<br /> var win = this.oTitle.parentNode;<br /> var sha = win.nextSibling;<br /> <br /> x=isNaN(x)?0:parseInt(x);<br /> y=isNaN(y)?0:parseInt(y);<br /> x=x<0?0:x;<br /> y=y<0?0:y;<br /> this.style.left=x+"px";<br /> this.style.top=y+"px";<br /> <br /> sha.style.left = parseInt(win.style.left) + ((this.moveable||this.resizable)?this.offx:0)+"px";<br /> sha.style.top  = parseInt(win.style.top) + ((this.moveable||this.resizable)?this.offy:0)+"px";<br /> this._winRect.l=x;<br /> this._winRect.t=y;<br />}</p> <p>function _xWin_method_ResizeTo(w,h){<br /> var win = this;<br /> var sha = win.nextSibling;<br />  <br /> var w=isNaN(w)?this.minW:parseInt(w);<br /> var h=isNaN(h)?this.minH:parseInt(h);<br /> var w=w<this.minW?this.minW:w;<br /> var h=h<this.minH?this.minH:h;<br /> <br /> this.style.width=w+"px";<br /> this.style.height=h+"px";</p> <p> this.oTitle.style.width=parseInt(this.clientWidth)+"px";<br /> var wTC=this.clientWidth;<br /> for(var i=0;i<this.oTitle.childNodes.length;i++){<br />  if(this.oTitle.childNodes[i]!=this.oTitleContent){wTC-=this.oTitle.childNodes[i].offsetWidth;}<br /> }<br /> wTC-=8;<br /> this.oTitleContent.style.width=(wTC<1?1:wTC)+"px";<br /> <br /> var wC=this.clientHeight-this.oTitle.offsetHeight-6;<br /> this.oContent.style.height=(wC<1?1:wC)+"px";<br /> this.oContent.style.width=parseInt(this.clientWidth-6)+"px";<br /> sha.style.left = parseInt(win.style.left) + ((this.moveable||this.resizable)?this.offx:0)+"px";<br /> sha.style.top  = parseInt(win.style.top) + ((this.moveable||this.resizable)?this.offy:0)+"px";<br /> sha.style.width = parseInt(win.style.width)+"px";<br /> sha.style.height = parseInt(win.style.height)+"px";<br /> <br /> this._winRect.w=w;<br /> this._winRect.h=h;<br />}</p> <p>function _xWin_method_SetContent(v){<br /> if(this.oContent){<br />  if(v==null||v==undefined||v==""){this._body=this.oContent.innerHTML="";return(this.oContent);}<br />  if(typeof(v)=="string"){<br />   this._body=this.oContent.innerHTML=v;<br />   return(this.oContent);<br />  }else{<br />   try{<br />    this.oContent.innerHTML="";<br />    this._body=this.oContent.appendChild(v);<br />    return(this.oContent);<br />   }catch(e){<br />    throw(e);<br />   }<br />  }<br /> }else{<br />  this._body=v;<br />  return(null);<br /> }<br />}</p> <p>function _xWin_method_SetTitle(strT){<br /> this._title=strT==null?this._title:strT;<br /> if(this.oTitleContent){<br />  setInnerText(this.oTitleContent,this._title);<br /> }<br />}</p> <p>function _xWin_method_ShowHide(dis){<br /> var bdisplay = (dis==null)?((this.style.display=="none")?"":"none"):dis;<br /> this.style.display = bdisplay;<br /> this.nextSibling.style.display = bdisplay;<br /> if(bdisplay=="none"){<br />  if(this._windowState=="minimize"){<br />   this.parentNode.minimizedWindows[this.minIndex]=null;<br />   this.minIndex=null;<br />  }<br /> }else{<br />  if(this._windowState=="minimize"){<br />   this.Min();<br />  }<br /> }<br />}</p> <p> <br />//**通用函数?**<br />function getRealLeft(o){<br /> var l=o.offsetLeft-o.scrollLeft;<br /> while(o=o.offsetParent){<br />  l+=o.offsetLeft-o.scrollLeft;<br /> }<br /> return(l);<br />}</p> <p>function getRealTop(o){<br /> var t=o.offsetTop-o.scrollTop;<br /> while(o=o.offsetParent){<br />  t+=o.offsetTop-o.scrollTop;<br /> }<br /> return(t);<br />}</p> <p>function setInnerText(obj,text){<br /> switch(BROWSERNAME){<br />  case "ns":<br />   obj.textContent=text;<br />  break;<br />  case "ie":<br />  default:<br />   obj.innerText=text;<br /> }<br />}</p> <p>function getElementByClassName(obj,className){<br /> for(var i=0;i<obj.childNodes.length;i++){<br />  if(obj.childNodes[i].className==className)return(obj.childNodes[i]);<br /> }<br /> return(null);<br />}</p> <p>function getParentRect(obj){<br /> var re=new Object();<br /> if(obj.parentNode!=document.body){<br />  re.mw=Math.max(obj.parentNode.scrollWidth,obj.parentNode.clientWidth);<br />  re.mh=Math.max(obj.parentNode.scrollHeight,obj.parentNode.clientHeight);<br /> }else{<br />  re.mw=Math.max(document.documentElement.scrollWidth,document.documentElement.clientWidth);<br />  re.mh=Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight);<br /> }<br /> return(re);<br />} <br />//]]><br /></script><br /></head><br /><body></p> <p><div class="xWin" id="win1" ><br /> <span class="xWinSetting">width="400" height="400" top="300" left="100" title="我就是传说中那个长的窗口标?</span><br /> 我就是传说中那个长的窗口标题我是传说<br /> <div class="xWin" id="win30" ><br />  <span class="xWinSetting"> width="100" top="20" left="20" title="我就是传说中那个长的窗口标?</span><br />  中那个超长的H口标题我就是传说中那个?lt;br/>长的H口标题我就是传说中那个长<br /> </div><br /> 的窗口标题我是传说中那个超长的H口标题我就是传说中那个长的窗口标题我是传说中那个超长的H口标题<br /> 我就是传说中那个长?br /> <div class="xWin" id="win31" ><br />  <span class="xWinSetting">width="100" top="40" left="40" title="我就是传说中那个长的窗口标? </span><br />  中那个超长的H口标题我就是传说中那个?lt;br/>长的H口标题我就是传说中那个长<br /> </div><br /> H口标题我就是传说中?br /> 个超长的H口标题我就是传说中那个长的窗口标题我是传说中那个超长的H口标题我就是传说中?br /> 个超长的H口标题我就是传说中那个长的窗口标?br /> c<br/><br /> 12345<br /></div></p> <p><div class="xWin" id="win2"><br /> <span class="xWinSetting"> width="200" top="270" left="140" title="我就是传说中那个长的窗口标?</span><br /> 我是H口2<br/><br /> 我是H口2<br/><br /> 我是H口2<br/><br /> 我是H口2<br/><br /> <a href="javascript:void(0);">更换标题</a><br /> 我是H口2<br/><br /> 我是H口2<br/><br /> 我是H口2<br/><br /> 我是H口2<br/><br /></div></p> <p><a href="javascript:win1.ShowHide('');void(0);">win1</a><br /><a href="javascript:win2.ShowHide('');void(0);">win2</a><br /><a href="javascript:document.getElementById('win3').ShowHide('');void(0);">win3</a><br /><a href="javascript:document.getElementById('win4').ShowHide('');void(0);">win4</a><br /><div id="ssss"></div><br /></body><br /></html><br /><br />效果Q?br /><span lang="EN-US" style="FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: Arial; mso-fareast-font-family: 宋体; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA"><?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" /?><v:shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"> <br /><span lang="EN-US" style="FONT-SIZE: 9pt; COLOR: #333333; FONT-FAMILY: Arial; mso-fareast-font-family: 宋体; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA"><v:shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><v:stroke joinstyle="miter"></v:stroke><v:formulas><v:f eqn="if lineDrawn pixelLineWidth 0"></v:f><v:f eqn="sum @0 1 0"></v:f><v:f eqn="sum 0 0 @1"></v:f><v:f eqn="prod @2 1 2"></v:f><v:f eqn="prod @3 21600 pixelWidth"></v:f><v:f eqn="prod @3 21600 pixelHeight"></v:f><v:f eqn="sum @0 0 1"></v:f><v:f eqn="prod @6 1 2"></v:f><v:f eqn="prod @7 21600 pixelWidth"></v:f><v:f eqn="sum @8 21600 0"></v:f><v:f eqn="prod @7 21600 pixelHeight"></v:f><v:f eqn="sum @10 21600 0"></v:f></v:formulas><v:path o:connecttype="rect" gradientshapeok="t" o:extrusionok="f"></v:path><?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /?><o:lock aspectratio="t" v:ext="edit"></o:lock></v:shapetype><v:shape id="_x0000_i1025" style="WIDTH: 415.5pt; HEIGHT: 258pt" type="#_x0000_t75"><v:imagedata o:title="1111.jpg" src="file:///C:\DOCUME~1\kelven\LOCALS~1\Temp\msohtml1\01\clip_image001.png"></v:imagedata></v:shape></span></v:shapetype></span></p><img src ="http://m.tkk7.com/zhangrenquan/aggbug/55897.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/zhangrenquan/" target="_blank">kelven</a> 2006-06-30 11:19 <a href="http://m.tkk7.com/zhangrenquan/articles/55897.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>用层做的一个模拟窗?/title><link>http://m.tkk7.com/zhangrenquan/articles/55893.html</link><dc:creator>kelven</dc:creator><author>kelven</author><pubDate>Fri, 30 Jun 2006 03:05:00 GMT</pubDate><guid>http://m.tkk7.com/zhangrenquan/articles/55893.html</guid><wfw:comment>http://m.tkk7.com/zhangrenquan/comments/55893.html</wfw:comment><comments>http://m.tkk7.com/zhangrenquan/articles/55893.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/zhangrenquan/comments/commentRss/55893.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/zhangrenquan/services/trackbacks/55893.html</trackback:ping><description><![CDATA[html 源文Ӟ(x)vwindow.htm<br /><br /><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #0000ff"><!</span><span style="COLOR: #ff00ff">DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"> New Document </span><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">title</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">meta </span><span style="COLOR: #ff0000">name</span><span style="COLOR: #0000ff">="Generator"</span><span style="COLOR: #ff0000"> content</span><span style="COLOR: #0000ff">="Microsoft FrontPage 6.0"</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">meta </span><span style="COLOR: #ff0000">name</span><span style="COLOR: #0000ff">="Author"</span><span style="COLOR: #ff0000"> content</span><span style="COLOR: #0000ff">=""</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">meta </span><span style="COLOR: #ff0000">name</span><span style="COLOR: #0000ff">="Keywords"</span><span style="COLOR: #ff0000"> content</span><span style="COLOR: #0000ff">=""</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">meta </span><span style="COLOR: #ff0000">name</span><span style="COLOR: #0000ff">="Description"</span><span style="COLOR: #ff0000"> content</span><span style="COLOR: #0000ff">=""</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">link </span><span style="COLOR: #ff0000">rel</span><span style="COLOR: #0000ff">="stylesheet"</span><span style="COLOR: #ff0000"> href</span><span style="COLOR: #0000ff">="vwindow.css"</span><span style="COLOR: #ff0000"> </span><span style="COLOR: #0000ff">/></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">script </span><span style="COLOR: #ff0000">language</span><span style="COLOR: #0000ff">="javascript"</span><span style="COLOR: #ff0000"> type</span><span style="COLOR: #0000ff">="text/javascript"</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"><br /></span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">function</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> show()<br />{<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> v_ht </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> parseInt(document.getElementById(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">ht</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">).value);<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> v_wd </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> parseInt(document.getElementById(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">wd</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">).value);<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> v_co_x </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> parseInt(document.getElementById(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">cooX</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">).value);<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> v_co_y </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> parseInt(document.getElementById(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">cooY</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">).value);<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> v_tt </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> document.getElementById(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">tt</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">).value;<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> v_main </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> document.getElementById(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">main</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">).value;<br />    </span><span style="COLOR: #0000ff; BACKGROUND-COLOR: #f5f5f5">var</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> v_st </span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">=</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5"> document.getElementById(</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">st</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">"</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">).value;<br />    showvw(v_ht,v_wd,v_co_y,v_co_x,v_tt,v_main,</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">0</span><span style="COLOR: #000000; BACKGROUND-COLOR: #f5f5f5">,v_st);<br />}<br /></span><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">script</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">head</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">body</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">script </span><span style="COLOR: #ff0000">language</span><span style="COLOR: #0000ff">="JavaScript"</span><span style="COLOR: #ff0000"> src</span><span style="COLOR: #0000ff">="vwindow.js"</span><span style="COLOR: #0000ff">></</span><span style="COLOR: #800000">script</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br />虚拟H口--jat 2005-05-15</span><span style="COLOR: #ff0000">&nbsp;</span><span style="COLOR: #000000"> </span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">a </span><span style="COLOR: #ff0000">href</span><span style="COLOR: #0000ff">="http://www.tmcode.net/"</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br />http://www.tmcode.net</span><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">a</span><span style="COLOR: #0000ff">><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/></span><span style="COLOR: #000000"><br />参数Q?br /><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">hr</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br />高度Q?/span><span style="COLOR: #ff0000">&nbsp;</span><span style="COLOR: #000000"> </span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">input </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text"</span><span style="COLOR: #ff0000"> id</span><span style="COLOR: #0000ff">="ht"</span><span style="COLOR: #ff0000"> size</span><span style="COLOR: #0000ff">="7"</span><span style="COLOR: #0000ff">><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/></span><span style="COLOR: #000000"><br />宽度Q?/span><span style="COLOR: #ff0000">&nbsp;</span><span style="COLOR: #000000"> </span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">input </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text"</span><span style="COLOR: #ff0000"> id</span><span style="COLOR: #0000ff">="wd"</span><span style="COLOR: #ff0000"> size</span><span style="COLOR: #0000ff">="7"</span><span style="COLOR: #0000ff">><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/></span><span style="COLOR: #000000"><br />坐标XQ?/span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">input </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text"</span><span style="COLOR: #ff0000"> id</span><span style="COLOR: #0000ff">="cooX"</span><span style="COLOR: #ff0000"> size</span><span style="COLOR: #0000ff">="7"</span><span style="COLOR: #0000ff">><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/></span><span style="COLOR: #000000"><br />坐标YQ?/span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">input </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text"</span><span style="COLOR: #ff0000"> id</span><span style="COLOR: #0000ff">="cooY"</span><span style="COLOR: #ff0000"> size</span><span style="COLOR: #0000ff">="7"</span><span style="COLOR: #0000ff">><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/></span><span style="COLOR: #000000"><br />标题Q?/span><span style="COLOR: #ff0000">&nbsp;</span><span style="COLOR: #000000"> </span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">input </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text"</span><span style="COLOR: #ff0000"> id</span><span style="COLOR: #0000ff">="tt"</span><span style="COLOR: #ff0000"> size</span><span style="COLOR: #0000ff">="25"</span><span style="COLOR: #0000ff">><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/></span><span style="COLOR: #000000"><br />内容Q?/span><span style="COLOR: #ff0000">&nbsp;</span><span style="COLOR: #000000"> </span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">textarea </span><span style="COLOR: #ff0000">id</span><span style="COLOR: #0000ff">="main"</span><span style="COLOR: #ff0000"> rows</span><span style="COLOR: #0000ff">="6"</span><span style="COLOR: #ff0000"> cols</span><span style="COLOR: #0000ff">="41"</span><span style="COLOR: #ff0000"> </span><span style="COLOR: #0000ff">></</span><span style="COLOR: #800000">textarea</span><span style="COLOR: #0000ff">><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/></span><span style="COLOR: #000000"><br />状态栏Q?/span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">input </span><span style="COLOR: #ff0000">type</span><span style="COLOR: #0000ff">="text"</span><span style="COLOR: #ff0000"> id</span><span style="COLOR: #0000ff">="st"</span><span style="COLOR: #ff0000"> size</span><span style="COLOR: #0000ff">="25"</span><span style="COLOR: #0000ff">><</span><span style="COLOR: #800000">p</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">button </span><span style="COLOR: #ff0000">onclick</span><span style="COLOR: #0000ff">="show()"</span><span style="COLOR: #ff0000"> style</span><span style="COLOR: #0000ff">="width: 254px; height: 26px"</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000">昄</span><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">button</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /><br /></span><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">p</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">p</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">br </span><span style="COLOR: #0000ff">/></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"><</span><span style="COLOR: #800000">font </span><span style="COLOR: #ff0000">color</span><span style="COLOR: #0000ff">="#FF00FF"</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000">CTRL+D</span><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">font</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"> 调出调试H口,详细参数见vwindow.js注释,误行更改vwindow.css样式</span><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">p</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">body</span><span style="COLOR: #0000ff">></span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff"></</span><span style="COLOR: #800000">html</span><span style="COLOR: #0000ff">></span></div><br /><br />css 样式Qvwindow.css<br /><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #800000">#vwin </span><span style="COLOR: #000000">{</span><span style="COLOR: #ff0000">background-color</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">#ffcc66</span><span style="COLOR: #000000">;</span><span style="COLOR: #ff0000">border</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">outset 1px</span><span style="COLOR: #000000">;</span><span style="COLOR: #ff0000">position</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">absolute</span><span style="COLOR: #000000">;</span><span style="COLOR: #ff0000">visibility</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">hidden</span><span style="COLOR: #000000">;</span><span style="COLOR: #ff0000">width</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">300px</span><span style="COLOR: #000000">;</span><span style="COLOR: #ff0000">height</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">200px</span><span style="COLOR: #000000">;</span><span style="COLOR: #ff0000">cursor</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">crosshair</span><span style="COLOR: #000000">;</span><span style="COLOR: #000000">}</span><span style="COLOR: #800000"><br />#vwTit</span><span style="COLOR: #000000">{</span><span style="COLOR: #ff0000">background-color</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">#3399FF</span><span style="COLOR: #000000">;</span><span style="COLOR: #000000">}</span><span style="COLOR: #800000"><br />#vwTitle </span><span style="COLOR: #000000">{</span><span style="COLOR: #ff0000">color</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">#ffffff</span><span style="COLOR: #000000">;</span><span style="COLOR: #ff0000">font-size</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">10pt</span><span style="COLOR: #000000">;</span><span style="COLOR: #ff0000">font-weight</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">bold</span><span style="COLOR: #000000">;</span><span style="COLOR: #ff0000">text-align</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">left</span><span style="COLOR: #000000">;</span><span style="COLOR: #000000">}</span><span style="COLOR: #800000"><br />#vwStatus </span><span style="COLOR: #000000">{</span><span style="COLOR: #ff0000">background-color</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">#88ddff</span><span style="COLOR: #000000">;</span><span style="COLOR: #ff0000">font-size</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">9pt</span><span style="COLOR: #000000">;</span><span style="COLOR: #000000">}</span><span style="COLOR: #800000"><br />#vwText </span><span style="COLOR: #000000">{</span><span style="COLOR: #ff0000">background-color</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">#88ddff</span><span style="COLOR: #000000">;</span><span style="COLOR: #ff0000">border</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">0px</span><span style="COLOR: #000000">;</span><span style="COLOR: #ff0000">font-size</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">9pt</span><span style="COLOR: #000000">;</span><span style="COLOR: #ff0000">padding</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">8px</span><span style="COLOR: #000000">;</span><span style="COLOR: #000000">}</span><span style="COLOR: #800000"><br />table</span><span style="COLOR: #000000">{</span><span style="COLOR: #ff0000">word-break</span><span style="COLOR: #000000">:</span><span style="COLOR: #0000ff">break-all</span><span style="COLOR: #000000">;</span><span style="COLOR: #000000">}</span></div><br /><br />javascript Qvwindow.js<br /><div style="BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 98%; WORD-BREAK: break-all; PADDING-TOP: 4px; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #eeeeee"><span style="COLOR: #008000">/*</span><span style="COLOR: #008000">*<br /> * 虚拟H口<br /> * 制作Qjat<br /> * 2005-05-15<br />*</span><span style="COLOR: #008000">*/</span><span style="COLOR: #000000"><br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> inivw<br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> tbx;<br /></span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> tby;<br /><br />inivw </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"><div id='vwin'></span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #008000">/*</span><span style="COLOR: #008000">**标题?*</span><span style="COLOR: #008000">*/</span><span style="COLOR: #000000"><br />inivw </span><span style="COLOR: #000000">+=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"><table cellspacing='0' cellpadding='0' border='0' width='100%' id='vwTit'></span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />inivw </span><span style="COLOR: #000000">+=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"><tr><td id='vwIcon' width='25'><img src='image/bomber.gif' border='0' height='25' width='25' ondblclick='hidevw()'></td><td id='vwTitle' onmousemove='dr_mv()' onmousedown='xy();setCapture()' onmouseup='releaseCapture()'>title</td><td id='vwButton' align='right' width='25'><img src='image/error.gif' border='0' height='25' width='25' alt='关闭' onclick='hidevw()'></td></tr></span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />inivw </span><span style="COLOR: #000000">+=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"></table></span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #008000">/*</span><span style="COLOR: #008000">**标题?*</span><span style="COLOR: #008000">*/</span><span style="COLOR: #000000"><br /><br /></span><span style="COLOR: #008000">/*</span><span style="COLOR: #008000">**内容?*</span><span style="COLOR: #008000">*/</span><span style="COLOR: #000000"><br />inivw </span><span style="COLOR: #000000">+=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"><table cellspacing='0' cellpadding='0' border='0' width='100%' height='100%'></span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />inivw </span><span style="COLOR: #000000">+=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"><tr><td id='vwText' valign='top'></td></tr></span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />inivw </span><span style="COLOR: #000000">+=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"></table></span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #008000">/*</span><span style="COLOR: #008000">**内容?*</span><span style="COLOR: #008000">*/</span><span style="COLOR: #000000"><br /><br /></span><span style="COLOR: #008000">/*</span><span style="COLOR: #008000">**状态栏**</span><span style="COLOR: #008000">*/</span><span style="COLOR: #000000"><br />inivw </span><span style="COLOR: #000000">+=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"><table cellspacing='0' cellpadding='0' border='0' width='100%' height='20' ></span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />inivw </span><span style="COLOR: #000000">+=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"><tr><td id='vwStatus'>rrr</td></tr></span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />inivw </span><span style="COLOR: #000000">+=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"></table></span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #008000">/*</span><span style="COLOR: #008000">**状态栏**</span><span style="COLOR: #008000">*/</span><span style="COLOR: #000000"><br /><br />inivw </span><span style="COLOR: #000000">+=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"></div></span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />document.write(inivw);<br />inivw </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">;<br /></span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000"> showvw(Ht,Wd,Tp,Lt,Tt,Txt,Icon,stat,name)   </span><span style="COLOR: #008000">//</span><span style="COLOR: #008000">showvw(高度,宽度,垂直坐标,水^坐标,标题,内容,图标,状态栏信息)</span><span style="COLOR: #008000"><br /></span><span style="COLOR: #000000"> {<br />  </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> vwHeight;<br />  </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> vwWidth;<br />  </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> vwTop;<br />  </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> vwLeft;<br />  </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> vwTitle;<br />  </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> vwIcon;<br />  </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> vwText;<br />  </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> vwStat;<br /><br />  </span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(Ht </span><span style="COLOR: #000000">&&</span><span style="COLOR: #000000"> Ht </span><span style="COLOR: #000000">></span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">30</span><span style="COLOR: #000000">)<br />   vwHeight </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> Ht;<br />  </span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000"><br />   vwHeight </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">150</span><span style="COLOR: #000000">;<br />  </span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(Wd </span><span style="COLOR: #000000">&&</span><span style="COLOR: #000000"> Wd </span><span style="COLOR: #000000">></span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">100</span><span style="COLOR: #000000">)<br />   vwWidth </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> Wd;<br />  </span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000"><br />   vwWidth </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">400</span><span style="COLOR: #000000">;<br />  </span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(Tp </span><span style="COLOR: #000000">&&</span><span style="COLOR: #000000"> Tp </span><span style="COLOR: #000000">></span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">)<br />   vwTop </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> Tp;<br />  </span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000"><br />   vwTop </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> Math.max(Math.round((document.body.offsetHeight</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">vwHeight)</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">2</span><span style="COLOR: #000000">),</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">);<br />  </span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(Lt </span><span style="COLOR: #000000">&&</span><span style="COLOR: #000000"> Lt </span><span style="COLOR: #000000">></span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">)<br />   vwLeft </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> Lt;<br />  </span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000"><br />   vwLeft </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> Math.max(Math.round((document.body.offsetWidth</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">vwWidth)</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">2</span><span style="COLOR: #000000">),</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">);<br />  </span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(Tt)<br />   vwTitle </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> Tt;<br />  </span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000"><br />   vwTitle </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">无标?/span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />  </span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(Txt)<br />   vwText </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> Txt;<br />  </span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000"><br />   vwText </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">无内?/span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />  </span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(stat)<br />   vwStat </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> stat;<br />  </span><span style="COLOR: #0000ff">else</span><span style="COLOR: #000000"><br />   vwStat </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">;<br />  document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">vwin</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).style.height </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> vwHeight;<br />  document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">vwin</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).style.width </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> vwWidth;<br />  document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">vwin</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).style.left </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> vwLeft;<br />  document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">vwin</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).style.top </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> vwTop;<br />  document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">vwTitle</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).innerText </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> vwTitle;<br />  document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">vwText</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).innerHTML </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> vwText;<br />  document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">vwStatus</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).innerHTML </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> vwStat;<br />  document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">vwin</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).style.visibility </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">visible</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /> }<br /></span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000"> xy()<br /> {<br />  tbx </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> event.offsetX </span><span style="COLOR: #000000">+</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">29</span><span style="COLOR: #000000">;<br />  tby </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> event.offsetY </span><span style="COLOR: #000000">+</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">4</span><span style="COLOR: #000000">;<br /> }<br /></span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000"> dr_mv()<br />{<br />  </span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(event.button</span><span style="COLOR: #000000">==</span><span style="COLOR: #000000">1</span><span style="COLOR: #000000">)<br />   {<br />   document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">vwin</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).style.left </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> document.body.scrollLeft </span><span style="COLOR: #000000">+</span><span style="COLOR: #000000"> event.clientX</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">tbx;<br />   document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">vwin</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).style.top </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> document.body.scrollTop </span><span style="COLOR: #000000">+</span><span style="COLOR: #000000"> event.clientY</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">tby;<br />   }<br />}<br /></span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000"> hidevw()<br /> {<br />  document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">vwin</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).style.visibility </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">hidden</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br /> }<br /></span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000"> run_script()<br />{<br />    </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> msg </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">;<br />    </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> cmd;<br />    </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> type;<br />    </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> txt </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">in_cmd</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).value;<br />    </span><span style="COLOR: #0000ff">try</span><span style="COLOR: #000000"><br />    {<br />        cmd </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> eval(txt);<br />        type </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #0000ff">typeof</span><span style="COLOR: #000000"> (cmd);<br />    }<br />    </span><span style="COLOR: #0000ff">catch</span><span style="COLOR: #000000">(e)<br />    {<br />        cmd </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">;<br />        type </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">;<br />        msg </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">输入的变量不存在Q请查变量名Q注意大写Q?/span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />    }<br />    </span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(type </span><span style="COLOR: #000000">===</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">string</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">)<br />        msg </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">长度Q?/span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">cmd.length;<br />    </span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(cmd </span><span style="COLOR: #000000">===</span><span style="COLOR: #000000"> </span><span style="COLOR: #0000ff">null</span><span style="COLOR: #000000">)<br />        msg </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">变量为空|</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />    </span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(cmd </span><span style="COLOR: #000000">===</span><span style="COLOR: #000000"> undefined)<br />        msg </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">变量未初始化Q?/span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />    alert(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">|(x)</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">cmd</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\n</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">cdQ?/span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">type</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\n</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">+</span><span style="COLOR: #000000">msg);<br />}<br /></span><span style="COLOR: #0000ff">function</span><span style="COLOR: #000000"> debug()<br />{<br />    </span><span style="COLOR: #0000ff">if</span><span style="COLOR: #000000">(event.ctrlKey </span><span style="COLOR: #000000">&&</span><span style="COLOR: #000000"> event.keyCode </span><span style="COLOR: #000000">==</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">68</span><span style="COLOR: #000000">)<br />        {<br />        </span><span style="COLOR: #0000ff">var</span><span style="COLOR: #000000"> DBG_txt </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">;<br />        DBG_txt </span><span style="COLOR: #000000">+=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"><br /><center><b>误入命?lt;/b><br /><input type=\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">text\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"> style=\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">text</span><span style="COLOR: #000000">-</span><span style="COLOR: #000000">align:center;\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"> value=\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"> size=40 id=in_cmd><br /><input type=\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">button\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"> value=\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">昄</span><span style="COLOR: #000000">/</span><span style="COLOR: #000000">q行\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"> onclick=\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">run_script()\</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">></span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />        DBG_txt </span><span style="COLOR: #000000">+=</span><span style="COLOR: #000000"> </span><span style="COLOR: #000000">"</span><span style="COLOR: #000000"></center></span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">;<br />        showvw(</span><span style="COLOR: #000000">31</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">350</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">0</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">Debug</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,DBG_txt,</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">debug.gif</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">,</span><span style="COLOR: #000000">""</span><span style="COLOR: #000000">);<br />        document.getElementById(</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">in_cmd</span><span style="COLOR: #000000">"</span><span style="COLOR: #000000">).focus();<br />        }<br />}<br />document.body.onkeydown </span><span style="COLOR: #000000">=</span><span style="COLOR: #000000"> debug;</span></div><br /><img src ="http://m.tkk7.com/zhangrenquan/aggbug/55893.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/zhangrenquan/" target="_blank">kelven</a> 2006-06-30 11:05 <a href="http://m.tkk7.com/zhangrenquan/articles/55893.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>showModalDialog和showModelessDialog使用心得http://m.tkk7.com/zhangrenquan/articles/55883.htmlkelvenkelvenFri, 30 Jun 2006 02:47:00 GMThttp://m.tkk7.com/zhangrenquan/articles/55883.htmlhttp://m.tkk7.com/zhangrenquan/comments/55883.htmlhttp://m.tkk7.com/zhangrenquan/articles/55883.html#Feedback0http://m.tkk7.com/zhangrenquan/comments/commentRss/55883.htmlhttp://m.tkk7.com/zhangrenquan/services/trackbacks/55883.html 一、showModalDialog和showModelessDialog有什么不同?
  showModalDialogQ被打开后就?x)始l保持输入焦炏V除非对话框被关闭,否则用户无法切换CH口。类似alert的运行效果?br />  showModelessDialogQ被打开后,用户可以随机切换输入焦点。对ȝ口没有Q何媄?最多是被挡住一下而以?P)

二、怎样才让在showModalDialog和showModelessDialog的超q接不弹出新H口Q?/strong>
  在被打开的网里加上<base target="_self">可以了。这句话一般是攑֜<html>?lt;body>之间的?/p>

三、怎样才刷新showModalDialog和showModelessDialog里的内容Q?/strong>
  在showModalDialog和showModelessDialog里是不能按F5h的,又不能弹单。这个只能依靠javascript了,以下是相关代码:(x)

<body onkeydown="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>

  filename.htm替换成网늚名字然后它攑ֈ你打开的网里Q按F5可以刷CQ注意,q个要配?lt;base target="_self">使用Q不然你按下F5?x)弹出新H口的?/p>

四、如何用javascriptxshowModalDialog(或showModelessDialog)打开的窗口?/strong>
  <input type="button" value="关闭" onclick="window.close()">
  也要配合<base target="_self">Q不然会(x)打开一个新的IEH口Q然后再x的?/p>

五、showModalDialog和showModelessDialog数据传递技巧?/strong>
  (作者语Q本来想用一问一{Ş式来写的Q但是我想不个怎么问,所以只好这样了?
  q个东西比较ȝQ我改了好几ơ了不是没办法说明白(语文水^来差?Q只好用个例子说明了?br />  例子Q?br />    现在需要在一个showModalDialog(或showModelessDialog)里读取或讄一个变量var_name

      一般的传递方式:(x)
        window.showModalDialog("filename.htm",var_name)
        //传递var_name变量
      在showModalDialog(或showModelessDialog)d和设|时Q?br />        alert(window.dialogArguments)//dvar_name变量
        window.dialogArguments="oyiboy"http://讄var_name变量
    q种方式是可以满的Q但是当你想在操作var_name同时再操作第二个变理var_id时呢Q就无法再进行操作了。这是q种传递方式的局限性?br />    
      以下是我使用的传递方式:(x)
        window.showModalDialog("filename.htm",window)
        //不管要操作什么变量,只直传递主H口的window对象
      在showModalDialog(或showModelessDialog)d和设|时Q?br />        alert(window.dialogArguments.var_name)//dvar_name变量
        window.dialogArguments.var_name="oyiboy"http://讄var_name变量

        同时我也可以操作var_id变量
        alert(window.dialogArguments.var_id)//dvar_id变量
        window.dialogArguments.var_id="001"http://讄var_id变量

        同样q可以对ȝ口的M对象q行操作Q如form对象里的元素?br />        window.dialogArguments.form1.index1.value="q是在设|index1元素的?

六、多个showModelessDialog的相互操作?/strong>
  因ؓ(f)光说很费Ԍ我就L(fng)懒,直接用代码来说了Q如果不明白的话那就直接来信(oyiboy#163.net(使用时请?Ҏ(gu)@))问我吧?/p>

  以下代码的主要作用是在一个showModelessDialog里移动别一个showModelessDialog的位|?/p>

  L件的部䆾js代码?br />  var s1=showModelessDialog('控制.htm',window,"dialogTop:1px;dialogLeft:1px"Q?/打开控制H口
  var s2=showModelessDialog('about:blank',window,"dialogTop:200px;dialogLeft:300px"Q  //打开被控制窗?/p>

  控制.htm的部份代码?br />  <script>
    //操作位置数据Q因为窗口的位置数据?xxxpx"方式的,所以需要这L(fng)一个特D操作函数?br /> function countNumber(A_strNumber,A_strWhatdo)
 {
  A_strNumber=A_strNumber.replace('px','')
  A_strNumber-=0
  switch(A_strWhatdo)
  {
  case "-":A_strNumber-=10;break;
  case "+":A_strNumber+=10;break;
  }
  return A_strNumber + "px"
 }
  </script>
  <input type="button" onclick="window.dialogArguments.s2.dialogTop=countNumber(window.dialogArguments.s2.dialogTop,'-')" value="上移">
  <input type="button" onclick="window.dialogArguments.s2.dialogLeft=countNumber(window.dialogArguments.s2.dialogLeft,'-')" value="左移">
  <input type="button" onclick="window.dialogArguments.s2.dialogLeft=countNumber(window.dialogArguments.s2.dialogLeft,'+')" value="右移">
  <input type="button" onclick="window.dialogArguments.s2.dialogTop=countNumber(window.dialogArguments.s2.dialogTop,'+')" value="下移">

  以上关键部䆾是:(x)
    H口命名方式Qvar s1=showModelessDialog('控制.htm',window,"dialogTop:1px;dialogLeft:1px"Q?br />    变量讉K方式Qwindow.dialogArguments.s2.dialogTop

  q个例子只是现实showModelessDialog与showModelessDialog之间的位|操作功能,通过q个原理Q在showModelessDialog之间怺控制各自的显C页面,传递变量和数据{。这要看各位的发挥了?/p>

kelven 2006-06-30 10:47 发表评论
]]>
HTML面如何象asp一h受参?http://m.tkk7.com/zhangrenquan/articles/55882.htmlkelvenkelvenFri, 30 Jun 2006 02:45:00 GMThttp://m.tkk7.com/zhangrenquan/articles/55882.htmlhttp://m.tkk7.com/zhangrenquan/comments/55882.htmlhttp://m.tkk7.com/zhangrenquan/articles/55882.html#Feedback0http://m.tkk7.com/zhangrenquan/comments/commentRss/55882.htmlhttp://m.tkk7.com/zhangrenquan/services/trackbacks/55882.html<script language="JavaScript">
  var pos,str,para,parastr,tempstr1;
  tempstr="";
  str = window.location.href;
  pos = str.indexOf("?")
  parastr = str.substring(pos+1);
  document.write("<br>文g路径Q?+str);
  if (pos>0){
    document.write("<br>所有参敎ͼ(x)"+parastr);
  }
  else {
    document.write ("无参?);
  }


  if (str.indexOf("&")>0){
    para = parastr.split("&");
    for(i=0;i<para.length;i++) {
      tempstr1 = para[i];
      pos = tempstr1.indexOf("=");
      //document.write (tempstr1.substring(0,pos));
      document.write ("<br>参数"+i+":"+tempstr1.substring(0,pos));
      document.write ("{于:"+tempstr1.substring(pos+1));
    }
  }
</script>


 
<script language="javascript">
 function inhtm() {
  var n = document.location.search.substring(1);
  var s = n.substring(n.indexOf("=")+1, n.length);
  document.write ("ID=:"+s);
 }
</script>



kelven 2006-06-30 10:45 发表评论
]]>
关于document.execCommand()函数可用参数http://m.tkk7.com/zhangrenquan/articles/55881.htmlkelvenkelvenFri, 30 Jun 2006 02:44:00 GMThttp://m.tkk7.com/zhangrenquan/articles/55881.htmlhttp://m.tkk7.com/zhangrenquan/comments/55881.htmlhttp://m.tkk7.com/zhangrenquan/articles/55881.html#Feedback0http://m.tkk7.com/zhangrenquan/comments/commentRss/55881.htmlhttp://m.tkk7.com/zhangrenquan/services/trackbacks/55881.htmlAbsolutePosition 讑֮元素?position 属性ؓ(f)“absolute?l对)?
BackColor 讄或获取当前选中区的背景颜色?
BlockDirLTR 目前未支持?
BlockDirRTL 目前未支持?
Bold 切换当前选中区的_体昄与否?
BrowseMode 目前未支持?
Copy 当前选中区复制到剪脓(chung)ѝ?
CreateBookmark 创徏一个书{N或获取当前选中区或插入点的书签锚的名称?
CreateLink 在当前选中Z插入链接Q或昄一个对话框允许用户指定要ؓ(f)当前选中区插入的链接?URL?
Cut 当前选中区复制到剪脓(chung)板ƈ删除之?
Delete 删除当前选中区?
DirLTR 目前未支持?
DirRTL 目前未支持?
EditMode 目前未支持?
FontName 讄或获取当前选中区的字体?
FontSize 讄或获取当前选中区的字体大小?
ForeColor 讄或获取当前选中区的前景(文本)颜色?
FormatBlock 讄当前块格式化标签?
Indent 增加选中文本的羃q?
InlineDirLTR 目前未支持?
InlineDirRTL 目前未支持?
InsertButton 用按钮控件覆盖当前选中区?
InsertFieldset 用方框覆盖当前选中区?
InsertHorizontalRule 用水q线覆盖当前选中区?
InsertIFrame 用内嵌框架覆盖当前选中区?
InsertImage 用图像覆盖当前选中区?
InsertInputButton 用按钮控件覆盖当前选中区?
InsertInputCheckbox 用复选框控g覆盖当前选中区?
InsertInputFileUpload 用文件上载控件覆盖当前选中区?
InsertInputHidden 插入隐藏控g覆盖当前选中区?
InsertInputImage 用图像控件覆盖当前选中区?
InsertInputPassword 用密码控件覆盖当前选中区?
InsertInputRadio 用单选钮控g覆盖当前选中区?
InsertInputReset 用重|控件覆盖当前选中区?
InsertInputSubmit 用提交控件覆盖当前选中区?
InsertInputText 用文本控件覆盖当前选中区?
InsertMarquee 用空字幕覆盖当前选中区?
InsertOrderedList 切换当前选中区是~号列表q是常规格式化块?
InsertParagraph 用换行覆盖当前选中区?
InsertSelectDropdown 用下拉框控g覆盖当前选中区?
InsertSelectListbox 用列表框控g覆盖当前选中区?
InsertTextArea 用多行文本输入控件覆盖当前选中区?
InsertUnorderedList 切换当前选中区是目W号列表q是常规格式化块?
Italic 切换当前选中区斜体显CZ否?
JustifyCenter 当前选中区在所在格式化块置中?
JustifyFull 目前未支持?
JustifyLeft 当前选中区所在格式化块左寚w?
JustifyNone 目前未支持?
JustifyRight 当前选中区所在格式化块右寚w?
LiveResize q MSHTML ~辑器在~放或移动过E中持箋更新元素外观Q而不是只在移动或~放完成后更新?
MultipleSelection 允许当用h?Shift ?Ctrl 键时一ơ选中多于一个站点可选元素?
Open 目前未支持?
Outdent 减少选中区所在格式化块的~进?
OverWrite 切换文本状态的插入和覆盖?
Paste 用剪贴板内容覆盖当前选中区?
PlayImage 目前未支持?
Print 打开打印对话框以便用户可以打印当前页?
Redo 目前未支持?
Refresh h当前文档?
RemoveFormat 从当前选中Z删除格式化标{?
RemoveParaFormat 目前未支持?
SaveAs 当?Web 面保存为文件?
SelectAll 选中整个文档?
SizeToControl 目前未支持?
SizeToControlHeight 目前未支持?
SizeToControlWidth 目前未支持?
Stop 目前未支持?
StopImage 目前未支持?
StrikeThrough 目前未支持?
Subscript 目前未支持?
Superscript 目前未支持?
UnBookmark 从当前选中Z删除全部书签?
Underline 切换当前选中区的下划U显CZ否?
Undo 目前未支持?
Unlink 从当前选中Z删除全部链接?
Unselect 清除当前选中区的选中状态?img src ="http://m.tkk7.com/zhangrenquan/aggbug/55881.html" width = "1" height = "1" />

kelven 2006-06-30 10:44 发表评论
]]>
使input中的内容为只?http://m.tkk7.com/zhangrenquan/articles/55879.htmlkelvenkelvenFri, 30 Jun 2006 02:42:00 GMThttp://m.tkk7.com/zhangrenquan/articles/55879.htmlhttp://m.tkk7.com/zhangrenquan/comments/55879.htmlhttp://m.tkk7.com/zhangrenquan/articles/55879.html#Feedback0http://m.tkk7.com/zhangrenquan/comments/commentRss/55879.htmlhttp://m.tkk7.com/zhangrenquan/services/trackbacks/55879.html

使用户不能更改输入框中的内容Q?/font>

<input type=text value="中国" onfocus=this.blur()>

<input type=text value="中国" readonly>    //只读

<input type=text value="中国" disabled>     //用



kelven 2006-06-30 10:42 发表评论
]]>
几个使用CSS样式的漂亮按?/title><link>http://m.tkk7.com/zhangrenquan/articles/55878.html</link><dc:creator>kelven</dc:creator><author>kelven</author><pubDate>Fri, 30 Jun 2006 02:41:00 GMT</pubDate><guid>http://m.tkk7.com/zhangrenquan/articles/55878.html</guid><wfw:comment>http://m.tkk7.com/zhangrenquan/comments/55878.html</wfw:comment><comments>http://m.tkk7.com/zhangrenquan/articles/55878.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://m.tkk7.com/zhangrenquan/comments/commentRss/55878.html</wfw:commentRss><trackback:ping>http://m.tkk7.com/zhangrenquan/services/trackbacks/55878.html</trackback:ping><description><![CDATA[Error convertoring HTML to XHTML: System.ArgumentException: Cannot have ']]>' inside an XML CDATA block. at System.Xml.XmlTextWriter.WriteCData(String text) at System.Xml.XmlWriter.WriteNode(XmlReader reader, Boolean defattr) at FreeTextBoxControls.Support.Formatter.HtmlToXhtml(String input)<img src ="http://m.tkk7.com/zhangrenquan/aggbug/55878.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://m.tkk7.com/zhangrenquan/" target="_blank">kelven</a> 2006-06-30 10:41 <a href="http://m.tkk7.com/zhangrenquan/articles/55878.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss> <footer> <div class="friendship-link"> <p>лǵվܻԴȤ</p> <a href="http://m.tkk7.com/" title="亚洲av成人片在线观看">亚洲av成人片在线观看</a> <div class="friend-links"> </div> </div> </footer> վ֩ģ壺 <a href="http://gxnnzk.com" target="_blank">޹徫Ʒ߾þ</a>| <a href="http://s4lm0x.com" target="_blank">ƬƵۿ</a>| <a href="http://qu41.com" target="_blank">¹ŮһëƬ</a>| <a href="http://qqcnm.com" target="_blank">ëƬavպav</a>| <a href="http://jsky163.com" target="_blank">ͽxx</a>| <a href="http://52xdc.com" target="_blank">ůůձ</a>| <a href="http://tvnxl.com" target="_blank">޳ѵӰ</a>| <a href="http://muguangmi.com" target="_blank">ŷƷպһҹҹ </a>| <a href="http://ccccccx.com" target="_blank">ؼaƬëƬѿ</a>| <a href="http://cqyouyongpx.com" target="_blank">þù׾Ʒһ</a>| <a href="http://xjdz8.com" target="_blank">ձѵһvһƬ</a>| <a href="http://zhaofeiz.com" target="_blank">޳AƬ߹ۿWWW</a>| <a href="http://ywzms.com" target="_blank">ŷaԴ</a>| <a href="http://lybb16.com" target="_blank">һƵ߹ۿwww</a>| <a href="http://twtairun.com" target="_blank">ҪWWWѿƵ</a>| <a href="http://hqwgg.com" target="_blank">ҹþþӰԺ</a>| <a href="http://326h.com" target="_blank">޹ŮƷþþ</a>| <a href="http://koukoub.com" target="_blank">ôӲˬѲ</a>| <a href="http://zgbeian.com" target="_blank">ѾƷԲĹۿ</a>| <a href="http://3688008.com" target="_blank">ۺ޹</a>| <a href="http://mm9d.com" target="_blank">˳߲VA</a>| <a href="http://91sebo.com" target="_blank">ѧŮëƬƵ</a>| <a href="http://jinguwj.com" target="_blank">þþƷavӰԺ</a>| <a href="http://gzjing365.com" target="_blank">һëƬڵȫ</a>| <a href="http://99880524.com" target="_blank">ҹƵվ</a>| <a href="http://saob19.com" target="_blank">þþƷAVվ</a>| <a href="http://440878.com" target="_blank">ĻƵ</a>| <a href="http://langya2255.com" target="_blank">99þѹƷػ</a>| <a href="http://48eh.com" target="_blank">þþþAVƬ</a>| <a href="http://9hao66.com" target="_blank">պѸһëƬ</a>| <a href="http://123994.com" target="_blank">1024Ѹùۿվ</a>| <a href="http://7778tv.com" target="_blank">ɫþþۺ</a>| <a href="http://wo93xyz.com" target="_blank">޹Ʒ18þþþþ</a>| <a href="http://53reniao.com" target="_blank">޳ַ</a>| <a href="http://jyzs888.com" target="_blank">þþƷAVվ</a>| <a href="http://51cga.com" target="_blank">ƷѾþþþõӰ</a>| <a href="http://jgc528.com" target="_blank">ձɫڹۿ</a>| <a href="http://hqshimo.com" target="_blank">޾Ʒ߲</a>| <a href="http://8mav1000.com" target="_blank">ĻѾþ9һ9 </a>| <a href="http://yxjcgs.com" target="_blank">ѸƵ</a>| <a href="http://001mc.com" target="_blank">ò </a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body>