<?xml version="1.0" encoding="UTF-8"?>
  <feed xmlns="http://www.w3.org/2005/Atom">
  <title type="html"><![CDATA[游子归来]]></title>
  <subtitle type="html"><![CDATA[设计就卖身]]></subtitle>
  <id>http://www.as1983.com/</id> 
  <link rel="alternate" type="text/html" href="http://www.as1983.com/" /> 
  <link rel="self" type="application/atom+xml" href="http://www.as1983.com/atom.asp" /> 
  <generator uri="http://www.pjhome.net/" version="2.4.1022">PJBlog2</generator> 
  <updated>2008-08-04T17:00:33+08:00</updated> 

  <entry>
	  <title type="html"><![CDATA[对JS的打印方法总结一下，方便日后查阅。]]></title>
	  <author>
		 <name>游子归来</name>
		 <uri>http://www.as1983.com/</uri>
		 <email>tshjds@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.as1983.com/default.asp?cateID=4" label="Xhtml+CSS+JS" /> 
	  <updated>2008-08-04T17:00:33+08:00</updated>
	  <published>2008-08-04T17:00:33+08:00</published>
		  <summary type="html"><![CDATA[对JS的打印方法总结一下，方便日后查阅。 <br/><br/>一．用JS自带函数打印 <br/><br/>直接调用Java代码 <br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">&lt;a href=&#34;javascript:window.print();&#34;&gt;打印&lt;/a&gt;&nbsp;&nbsp;</div></div><br/><br/>二．IEWebBrowser组件 <br/><br/>介绍 <br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">http://support.microsoft.com/default.aspx?scid=kb%3BEN-US%3BQ267240#top <br/><a href="http://support.microsoft.com/kb/q247671/" target="_blank">http://support.microsoft.com/kb/q247671/</a>#appliesto </div></div><br/>Java代码 <div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>&lt;OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0&gt;&lt;/OBJECT&gt;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开&gt;&nbsp;&nbsp; <br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=关闭所有&gt;&nbsp;&nbsp; <br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为&gt;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印&gt;&nbsp;&nbsp; <br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印&gt;&nbsp;&nbsp; <br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(7,1) type=button value=打印预览&gt;&nbsp;&nbsp; <br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置&gt;&nbsp;&nbsp; <br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性&gt;&nbsp;&nbsp; <br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=全选&gt;&nbsp;&nbsp; <br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新&gt;&nbsp;&nbsp; <br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=关闭&gt;&nbsp;&nbsp;<br/><br/>&lt;OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0&gt;&lt;/OBJECT&gt; <br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开&gt;<br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=关闭所有&gt;<br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=另存为&gt; <br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=打印&gt;<br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印&gt;<br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(7,1) type=button value=打印预览&gt;<br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=页面设置&gt;<br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=属性&gt;<br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=全选&gt;<br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新&gt;<br/>&lt;input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=关闭&gt;</div></div><br/><br/>三．使用ScriptX.cab控件 <br/><br/>1．下载ScriptX.cab控件 <br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>官网<a href="http://www.meadroid.com/scri&#112;tx/index.asp" target="_blank">http://www.meadroid.com/scri&#112;tx/index.asp</a> </div></div><br/><br/>2．使用object元素，修改codebase，classid的值 <br/><br/>这里调用控件ScriptX.cab <br/>Java代码 <br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/quote.gif" style="margin:0px 2px -3px 0px" alt="隐藏内容"/> 隐藏内容</div><div class="UBBContent">该内容已经被作者隐藏,只有会员才允许查阅 <a href="http://www.as1983.com/login.asp">登录</a> | <a href="http://www.as1983.com/register.asp">注册</a></div></div><br/><br/>这段代码用来加载cab文件，clsid和codebase必须要和你下载的cab中的信息对应，否则组件会加载错误，这两项其实不难找，只要你用winrar打开你下载的cab文件，然后找到扩展名是.inf的文件，然后打开之，就能看到了。 <br/><br/>3．调用控件脚本 <br/><br/>Print.js文件 <br/>Java代码 <br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">function setPrintBase(headerText,footerText,rootUrl) {&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;// -- advanced features&nbsp;&nbsp;，未曾使用过，有待确认。&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.printing.SetMarginMeasure(2); // measure margins in inches&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.SetPageRange(false, 1, 3);// need pages from 1 to 3&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.printing.printer = &#34;HP DeskJet 870C&#34;;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.printing.copies = 2;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.printing.collate = true;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.printing.paperSize = &#34;A4&#34;;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.printing.paperSource = &#34;Manual feed&#34;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;var header = (headerText==null||headerText==&#34;&#34;)?&#39;默认页眉&#39;:headerText;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;var footer = (footerText==null||footerText==&#34;&#34;)?&#39;默认页角&#39;:footerText;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;factory.printing.header = &#34;&amp;b&#34;+header+&#34;&amp;b&#34; ;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;factory.printing.footer = &#34;&amp;b&#34;+footer;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;factory.printing.portrait = true;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;factory.printing.leftMargin =10.00;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;factory.printing.topMargin =10.00;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;factory.printing.rightMargin =10.00;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;factory.printing.bottomMargin =10.00;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>}&nbsp;&nbsp;<br/><br/>function setPrintBase(headerText,footerText,rootUrl) {<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;// -- advanced features&nbsp;&nbsp;，未曾使用过，有待确认。<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.printing.SetMarginMeasure(2); // measure margins in inches<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.SetPageRange(false, 1, 3);// need pages from 1 to 3<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.printing.printer = &#34;HP DeskJet 870C&#34;;<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.printing.copies = 2;<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.printing.collate = true;<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.printing.paperSize = &#34;A4&#34;;<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//factory.printing.paperSource = &#34;Manual feed&#34;<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;var header = (headerText==null||headerText==&#34;&#34;)?&#39;默认页眉&#39;:headerText;<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;var footer = (footerText==null||footerText==&#34;&#34;)?&#39;默认页角&#39;:footerText;<br/><br/>&nbsp;&nbsp;factory.printing.header = &#34;&amp;b&#34;+header+&#34;&amp;b&#34; ;<br/><br/>&nbsp;&nbsp;factory.printing.footer = &#34;&amp;b&#34;+footer;<br/><br/>&nbsp;&nbsp;factory.printing.portrait = true;<br/><br/>&nbsp;&nbsp;factory.printing.leftMargin =10.00;<br/><br/>&nbsp;&nbsp;factory.printing.topMargin =10.00;<br/><br/>&nbsp;&nbsp;factory.printing.rightMargin =10.00;<br/><br/>&nbsp;&nbsp;factory.printing.bottomMargin =10.00;<br/><br/>}</div></div><br/><br/>例子Java代码 <br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">&lt;%@ page contentType=&#34;text/html;charset=GBK&#34;%&gt;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&lt;html&gt;&nbsp;&nbsp; <br/>&lt;head&gt;&nbsp;&nbsp; <br/>&lt;meta http-equiv=&#34;imagetoolbar&#34; content=&#34;no&#34;&gt;&nbsp;&nbsp; <br/>&lt;script language=&#34;javascript&#34; src=&#34;print.js&#34;&gt;&lt;/script&gt;&nbsp;&nbsp; <br/>&lt;style media=&#34;print&#34;&gt;&nbsp;&nbsp; <br/>.Noprint&nbsp;&nbsp; {DISPLAY:&nbsp;&nbsp; none;}&nbsp;&nbsp; <br/>&lt;/style&gt;&nbsp;&nbsp; <br/>&lt;title&gt;打印测试&lt;/title&gt;&nbsp;&nbsp; <br/>&lt;/head&gt;&nbsp;&nbsp; <br/>&lt;OBJECT id=&#34;factory&#34; style=&#34;DISPLAY: none&#34; codeBase=&#34;smsx.cab#VVersion=6,3,435,20&#34;&nbsp;&nbsp;classid=&#34;clsid:1663ed61-23eb-11d2-b92f-008048fdd814&#34; viewastext&gt;&lt;/OBJECT&gt;&nbsp;&nbsp; <br/>&nbsp;&nbsp;<br/>&lt;script defer&gt;&nbsp;&nbsp; <br/>function window.onload() {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>setPrintBase(&#39;页眉&#39;,&#39;页脚&#39;);&nbsp;&nbsp; <br/>}&nbsp;&nbsp; <br/>&lt;/script&gt;&nbsp;&nbsp; <br/>&lt;body topmargin=&#34;0&#34; leftmargin=&#34;0&#34; rightmargin=&#34;0&#34; bottommargin=&#34;0&#34; marginwidth=&#34;0&#34; marginheight=&#34;0&#34;&gt;&nbsp;&nbsp; <br/>&lt;center class=&#34;Noprint&#34;&gt;&nbsp;&nbsp; <br/> &lt;input type=button value=&#34;打印&#34; onclick=&#34;factory.printing.Print(true)&#34;&gt;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&lt;input type=button value=&#34;页面设置&#34; onclick=&#34;factory.printing.PageSetup()&#34;&gt;&nbsp;&nbsp;&nbsp;&nbsp;<br/> &lt;input type=button value=&#34;打印预览&#34; onclick=&#34;factory.printing.Preview()&#34;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&lt;input type=&#34;button&#34; value=&#34;关闭&#34; onclick=&#34;window.close();&#34;&gt;&nbsp;&nbsp; <br/>&lt;/center&gt;&nbsp;&nbsp; <br/>&nbsp;&nbsp; &lt;center&gt;&nbsp;&nbsp; <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;table width=&#34;100%&#34; border=&#34;0&#34; cellpadding=&#34;0&#34; cellspacing=&#34;0&#34;&gt;&nbsp;&nbsp; <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;&lt;td align=&#34;center&#34;&gt;&lt;b&gt;内容&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;&nbsp;&nbsp; <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt;&nbsp;&nbsp; <br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;/center&gt;&nbsp;&nbsp; <br/>&lt;/body&gt;&nbsp;&nbsp; <br/>&lt;/html&gt;&nbsp;&nbsp;<br/><br/>&lt;%@ page contentType=&#34;text/html;charset=GBK&#34;%&gt;</div></div><br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">&lt;html&gt;<br/>&lt;head&gt;<br/>&lt;meta http-equiv=&#34;imagetoolbar&#34; content=&#34;no&#34;&gt;<br/>&lt;script language=&#34;javascript&#34; src=&#34;print.js&#34;&gt;&lt;/script&gt;<br/>&lt;style media=&#34;print&#34;&gt;<br/>.Noprint&nbsp;&nbsp; {DISPLAY:&nbsp;&nbsp; none;}<br/>&lt;/style&gt;<br/>&lt;title&gt;打印测试&lt;/title&gt;<br/>&lt;/head&gt;<br/>&lt;OBJECT id=&#34;factory&#34; style=&#34;DISPLAY: none&#34; codeBase=&#34;smsx.cab#VVersion=6,3,435,20&#34;&nbsp;&nbsp;classid=&#34;clsid:1663ed61-23eb-11d2-b92f-008048fdd814&#34; viewastext&gt;&lt;/OBJECT&gt;<br/><br/>&lt;script defer&gt;<br/>function window.onload() {&nbsp;&nbsp; <br/>setPrintBase(&#39;页眉&#39;,&#39;页脚&#39;);<br/>}<br/>&lt;/script&gt;<br/>&lt;body topmargin=&#34;0&#34; leftmargin=&#34;0&#34; rightmargin=&#34;0&#34; bottommargin=&#34;0&#34; marginwidth=&#34;0&#34; marginheight=&#34;0&#34;&gt;<br/>&lt;center class=&#34;Noprint&#34;&gt;<br/> &lt;input type=button value=&#34;打印&#34; onclick=&#34;factory.printing.Print(true)&#34;&gt; <br/>&lt;input type=button value=&#34;页面设置&#34; onclick=&#34;factory.printing.PageSetup()&#34;&gt; <br/> &lt;input type=button value=&#34;打印预览&#34; onclick=&#34;factory.printing.Preview()&#34;&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <br/>&lt;input type=&#34;button&#34; value=&#34;关闭&#34; onclick=&#34;window.close();&#34;&gt;<br/>&lt;/center&gt;<br/>&nbsp;&nbsp; &lt;center&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;table width=&#34;100%&#34; border=&#34;0&#34; cellpadding=&#34;0&#34; cellspacing=&#34;0&#34;&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;tr&gt;&lt;td align=&#34;center&#34;&gt;&lt;b&gt;内容&lt;/b&gt;&lt;/td&gt;&lt;/tr&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/table&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&lt;/center&gt;<br/>&lt;/body&gt;<br/>&lt;/html&gt;</div></div><br/><br/>四．对比 <br/><br/>1．Window.print调用方便，但功能简单 <br/><br/>2．功能更强大，但使用IEWebBrowser有时会报JS没有权限的错误。 <br/><br/>3．ScriptX控件功能也比较强大，目前在使用这种方式。 <br/><br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.as1983.com/default.asp?id=70" /> 
	  <id>http://www.as1983.com/default.asp?id=70</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[玩透javascript弹出窗口]]></title>
	  <author>
		 <name>游子归来</name>
		 <uri>http://www.as1983.com/</uri>
		 <email>tshjds@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.as1983.com/default.asp?cateID=4" label="Xhtml+CSS+JS" /> 
	  <updated>2008-07-28T12:16:45+08:00</updated>
	  <published>2008-07-28T12:16:45+08:00</published>
		  <summary type="html"><![CDATA[经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段javascript代码即可实现。下面俺就带您剖析它的奥秘。 <br/>　　【1、最基本的弹出窗口代码】 <br/><br/>　　其实代码非常简单： <br/><br/>　　&lt;SCRIPT LANGUAGE=&#34;javascript&#34;&gt;<br/>　　&lt;!--<br/>　　window.open (&#39;page.html&#39;)<br/>　　--&gt;<br/>　　&lt;/SCRIPT&gt;<br/>　　因为着是一段javascripts代码，所以它们应该放在&lt;SCRIPT LANGUAGE=&#34;javascript&#34;&gt;标签和&lt;/script&gt;之间。&lt;!--和--&gt;是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。<br/>　　window.open (&#39;page.html&#39;)用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(<a href="http://" target="_blank">http://</a>)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。<br/>　　这一段代码可以加入HTML的任意位置，&lt;head&gt;和&lt;/head&gt;之间可以，&lt;body&gt;间&lt;/body&gt;也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。 <br/><br/>　　<br/>　　【2、经过设置后的弹出窗口】 <br/><br/>　　下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。<br/>　　我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。<br/>　　&lt;SCRIPT LANGUAGE=&#34;javascript&#34;&gt;<br/>　　&lt;!--<br/>　　window.open (&#39;page.html&#39;, &#39;newwindow&#39;, &#39;height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no&#39;)<br/>　　file://写成一行<br/>　　--&gt;<br/>　　&lt;/SCRIPT&gt;<br/>　　参数解释：<br/>　　&lt;SCRIPT LANGUAGE=&#34;javascript&#34;&gt; js脚本开始；<br/>　　window.open弹出新窗口的命令；<br/>　　&#39;page.html&#39;弹出窗口的文件名；<br/>　　&#39;newwindow&#39;弹出窗口的名字（不是文件名），非必须，可用空&#39;&#39;代替；<br/>　　height=100窗口高度；<br/>　　width=400窗口宽度；<br/>　　top=0窗口距离屏幕上方的象素值；<br/>　　left=0窗口距离屏幕左侧的象素值；<br/>　　toolbar=no是否显示工具栏，yes为显示；<br/>　　menubar，scrollbars表示菜单栏和滚动栏。<br/>　　resizable=no是否允许改变窗口大小，yes为允许；<br/>　　location=no是否显示地址栏，yes为允许；<br/>　　status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；<br/>　　&lt;/SCRIPT&gt; js脚本结束 <br/><br/>　　<br/>　　【3、用函数控制弹出窗口】 <br/><br/>　　下面是一个完整的代码。<br/>　　&lt;html&gt;<br/>　　&lt;head&gt;<br/>　　&lt;script LANGUAGE=&#34;javascript&#34;&gt;<br/>　　&lt;!--<br/>　　function openwin() { window.open (&#34;page.html&#34;, &#34;newwindow&#34;, &#34;height=100, width=400, toolbar=<br/>　　no, menubar=no, scrollbars=no, resizable=no, location=no, status=no&#34;)<br/>　　file://写成一行<br/>　　}<br/>　　file://--&gt;<br/>　　&lt;/script&gt;<br/>　　&lt;/head&gt;<br/>　　&lt;body onload=&#34;openwin()&#34;&gt;<br/>　　...任意的页面内容...<br/>　　&lt;/body&gt;<br/>　　&lt;/html&gt;<br/>　　这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。<br/>　　怎么调用呢？<br/>　　方法一：&lt;body onload=&#34;openwin()&#34;&gt;浏览器读页面时弹出窗口；<br/>　　方法二：&lt;body onunload=&#34;openwin()&#34;&gt;浏览器离开页面时弹出窗口；<br/>　　方法三：用一个连接调用：<br/>　　&lt;a href=&#34;#&#34; onclick=&#34;openwin()&#34;&gt;打开一个窗口&lt;/a&gt;<br/>　　注意：使用的“#”是虚连接。<br/>　　方法四：用一个按钮调用：<br/>　　&lt;input type=&#34;button&#34; onclick=&#34;openwin()&#34; value=&#34;打开窗口&#34;&gt; <br/><br/>　　【4、同时弹出2个窗口】 <br/><br/>　　对源代码稍微改动一下：<br/>　　&lt;script LANGUAGE=&#34;javascript&#34;&gt;<br/>　　&lt;!--<br/>　　function openwin()<br/>　　{ window.open (&#34;page.html&#34;, &#34;newwindow&#34;, &#34;height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no&#34;)<br/>　　file://写成一行<br/>　　window.open (&#34;page2.html&#34;, &#34;newwindow2&#34;, &#34;height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no&#34;)<br/>　　file://写成一行<br/>　　}<br/>　　file://--&gt;<br/>　　&lt;/script&gt;<br/>　　为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。 <br/><br/>　　注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。OK？ <br/><br/>　　【5、主窗口打开文件1.htm，同时弹出小窗口page.html】 <br/><br/>　　如下代码加入主窗口&lt;head&gt;区：<br/>　　&lt;script language=&#34;javascript&#34;&gt;<br/>　　&lt;!--<br/>　　function openwin()<br/>　　{window.open(&#34;page.html&#34;,&#34;&#34;,&#34;width=200,height=200&#34;)<br/>　　}<br/>　　file://--&gt;<br/>　　&lt;/script&gt;<br/>　　加入&lt;body&gt;区：<br/>　　&lt;a href=&#34;1.htm&#34; onclick=&#34;openwin()&#34;&gt;open&lt;/a&gt;即可。 <br/><br/>　　【6、弹出的窗口之定时关闭控制】 <br/><br/>　　下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则...)，让它10秒后自动关闭是不是更酷了？ <br/><br/>　　首先，将如下代码加入page.html文件的&lt;head&gt;区：<br/>　　&lt;script language=&#34;javascript&#34;&gt;<br/>　　function closeit()<br/>　　{setTimeout(&#34;self.close()&#34;,10000) file://毫秒}<br/>　　&lt;/script&gt;<br/>　　然后，再用&lt;body onload=&#34;closeit()&#34;&gt;这一句话代替page.html中原有的&lt;BODY&gt;这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。) <br/><br/>　　【7、在弹出窗口中加上一个关闭按钮】 <br/><br/>　　&lt;FORM&gt;<br/>　　&lt;INPUT TYPE=&#39;BUTTON&#39; VALUE=&#39;关闭&#39; onClick=&#39;window.close()&#39;&gt;<br/>　　&lt;/FORM&gt;<br/>　　呵呵，现在更加完美了！ <br/><br/>　　【8、内包含的弹出窗口-一个页面两个窗口】 <br/><br/>　　上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。 <br/><br/>　　通过下面的例子，你可以在一个页面内完成上面的效果。<br/>　　&lt;html&gt;<br/>　　&lt;head&gt;<br/>　　&lt;SCRIPT LANGUAGE=&#34;javascript&#34;&gt;<br/>　　function openwin()<br/>　　{OpenWindow=window.open(&#34;&#34;, &#34;newwin&#34;, &#34;height=250, width=250,toolbar=no,scrollbars=&#34;+scroll+&#34;,menubar=no&#34;);<br/>　　file://写成一行<br/>　　OpenWindow.document.write(&#34;&lt;TITLE&gt;例子&lt;/TITLE&gt;&#34;)<br/>　　OpenWindow.document.write(&#34;&lt;BODY BGCOLOR=#ffffff&gt;&#34;)<br/>　　OpenWindow.document.write(&#34;&lt;h1&gt;Hello!&lt;/h1&gt;&#34;)<br/>　　OpenWindow.document.write(&#34;New window opened!&#34;)<br/>　　OpenWindow.document.write(&#34;&lt;/BODY&gt;&#34;)<br/>　　OpenWindow.document.write(&#34;&lt;/HTML&gt;&#34;)<br/>　　OpenWindow.document.close()}<br/>　　&lt;/SCRIPT&gt;<br/>　　&lt;/head&gt;<br/>　　&lt;body&gt;<br/>　　&lt;a href=&#34;#&#34; onclick=&#34;openwin()&#34;&gt;打开一个窗口&lt;/a&gt;<br/>　　&lt;input type=&#34;button&#34; onclick=&#34;openwin()&#34; value=&#34;打开窗口&#34;&gt;<br/>　　&lt;/body&gt;<br/>　　&lt;/html&gt;<br/>　　看看OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。 <br/><br/>　　【9、终极应用--弹出的窗口之Cookie控制】 <br/><br/>　　回想一下，上面的弹出窗口虽然酷，但是有一点小毛病(沉浸在喜悦之中，一定没有发现吧？)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？:-(有解决的办法吗？Yes! ;-) Follow me. <br/><br/>　　我们使用cookie来控制一下就可以了。 <br/><br/>　　首先，将如下代码加入主页面HTML的&lt;HEAD&gt;区：<br/>　　&lt;script&gt;<br/>　　function openwin()<br/>　　{window.open(&#34;page.html&#34;,&#34;&#34;,&#34;width=200,height=200&#34;)}<br/>　　function get_cookie(Name)<br/>　　{var search = Name + &#34;=&#34;<br/>　　var returnvalue = &#34;&#34;;<br/>　　if (documents.cookie.length &gt; 0) {<br/>　　offset = documents.cookie.indexOf(search)<br/>　　if (offset != -1) {<br/>　　offset += search.length<br/>　　end = documents.cookie.indexOf(&#34;;&#34;, offset);<br/>　　if (end == -1)<br/>　　end = documents.cookie.length;<br/>　　returnvalue=unescape(documents.cookie.substring(offset,end))<br/>　　}<br/>　　}<br/>　　return returnvalue;<br/>　　}<br/>　　function loadpopup(){<br/>　　if (get_cookie(&#39;popped&#39;)==&#39;&#39;){<br/>　　openwin()<br/>　　documents.cookie=&#34;popped=yes&#34;<br/>　　}<br/>　　}<br/>　　&lt;/script&gt;<br/>　　然后，用&lt;body onload=&#34;loadpopup()&#34;&gt;（注意不是openwin而是loadpop啊！）替换主页面中原有的&lt;BODY&gt;这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的Pop-Only-Once！ <br/><br/>　　写到这里弹出窗口的制作和应用技巧基本上算是完成了，俺也累坏了，一口气说了这么多，希望对正在制作网页的朋友有所帮助俺就非常欣慰了。需要注意的是，JS脚本中的的大小写最好前后保持一致。<br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.as1983.com/default.asp?id=69" /> 
	  <id>http://www.as1983.com/default.asp?id=69</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[强行换行样式]]></title>
	  <author>
		 <name>游子归来</name>
		 <uri>http://www.as1983.com/</uri>
		 <email>tshjds@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.as1983.com/default.asp?cateID=4" label="Xhtml+CSS+JS" /> 
	  <updated>2008-07-09T11:01:00+08:00</updated>
	  <published>2008-07-09T11:01:00+08:00</published>
		  <summary type="html"><![CDATA[<br/> text-overflow:ellipsis; white-space:nowrap;]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.as1983.com/default.asp?id=68" /> 
	  <id>http://www.as1983.com/default.asp?id=68</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[整理了，对IE6 IE7 IE8 FF2的CSS hack]]></title>
	  <author>
		 <name>游子归来</name>
		 <uri>http://www.as1983.com/</uri>
		 <email>tshjds@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.as1983.com/default.asp?cateID=4" label="Xhtml+CSS+JS" /> 
	  <updated>2008-06-25T12:15:04+08:00</updated>
	  <published>2008-06-25T12:15:04+08:00</published>
		  <summary type="html"><![CDATA[今天第一次接触IE8beta1，感觉真BT，不过又不得不去接触……<br/>在网站上找了找关于对IE6 IE7 IE8 FF2的CSS hack，<br/>希望对大家有用……<br/><img src="http://www.linxz.cn/blog2/attachments/month_0803/0200837114841.jpg" border="0" alt=""/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.as1983.com/default.asp?id=67" /> 
	  <id>http://www.as1983.com/default.asp?id=67</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[页面中 CSS 加载方式的优化]]></title>
	  <author>
		 <name>游子归来</name>
		 <uri>http://www.as1983.com/</uri>
		 <email>tshjds@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.as1983.com/default.asp?cateID=4" label="Xhtml+CSS+JS" /> 
	  <updated>2008-06-23T13:32:42+08:00</updated>
	  <published>2008-06-23T13:32:42+08:00</published>
		  <summary type="html"><![CDATA[1、应该将 CSS 放置于结构的上方（一般放置于 head 元素内）。CSS 是解释型语言，Firefox 和 IE 在等待 CSS 传输完成之前不会渲染任何东西。只有将 CSS 前置，才可在浏览器解析结构时，对页面进行渲染。<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">This causes the blank white screen problem. The page is totally blank until the stylesheet at the bottom is downloaded, on the o&#114;der of 6-10 seconds for this page. The browser is waiting for the stylesheet to be loaded before it renders anything else in the page, even the static text.</div></div><br/><br/>导致的问题就是，页面会有一段时间“朴素”，突然之间又“华丽”，用户体验很不好。<br/><br/>2、尽量使用 &lt;link rel=”stylesheet” href=”<a href="http://www.planabc/yuanxin.css" target="_blank">http://www.planabc/yuanxin.css</a>” type=”text/css”&gt; 的样式导入方式，而减少 @import 的使用，更勿使用多层嵌套的 @import 。因为在 IE 里， @import 相当于将 &lt;link&gt; 放在页面尾部。<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">This is a valid syntax, but, even though it’s in the document’s HEAD, it breaks progressive rendering and instead causes the blank white screen and Flash of Unstyled Content problems.</div></div><br/><br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.as1983.com/default.asp?id=66" /> 
	  <id>http://www.as1983.com/default.asp?id=66</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[Lightbox JS v2.0 ]]></title>
	  <author>
		 <name>游子归来</name>
		 <uri>http://www.as1983.com/</uri>
		 <email>tshjds@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.as1983.com/default.asp?cateID=4" label="Xhtml+CSS+JS" /> 
	  <updated>2008-03-19T14:41:30+08:00</updated>
	  <published>2008-03-19T14:41:30+08:00</published>
		  <summary type="html"><![CDATA[by Lokesh Dhakar 译: <br/><a target="_blank" href="http://www.huddletogether.com/projects/lightbox2/">查看原文</a><br/><br/>概要：<br/><br/>Lightbox JS 是一个简单而又谦恭的用来把图片覆盖在当前页面上的脚本. 它能被快速安装并且运作于所有流行的浏览器.<br/><br/>最新更新 Version 2.0<br/><br/>图片集: 分组相关的图片并且能轻松的导航它们 <br/>视觉特效: 奇特的自适应调整 <br/>向后兼容: yes! <br/><br/>实例演示<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp22285"><!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Strict//EN&#34;
        &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>&#34;>
<html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34; lang=&#34;en&#34;>
<head>
	<title>Lightbox JS v2.0</title>
	<meta http-equiv=&#34;content-type&#34; content=&#34;text/html; charset=gb2312&#34; />
	<meta http-equiv=&#34;content-language&#34; content=&#34;en&#34; />
	<meta name=&#34;description&#34; lang=&#34;en&#34; content=&#34;Lightbox JS v2.0 is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.&#34; />
	<meta name=&#34;keywords&#34; content=&#34;lightbox, lightbox2, lightbox v2.0, lightbox js, lokesh, dhakar&#34; />
	
	<link rel=&#34;shortcut icon&#34; type=&#34;image/ico&#34; href=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/favicon.gif" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/favicon.gif</a>&#34; />	
	<link rel=&#34;stylesheet&#34; href=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/css/screen.css" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/css/screen.css</a>&#34; type=&#34;text/css&#34; media=&#34;screen&#34; />
	<link rel=&#34;stylesheet&#34; href=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/css/lightbox.css" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/css/lightbox.css</a>&#34; type=&#34;text/css&#34; media=&#34;screen&#34; />
	
	<script src=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/js/prototype.js" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/js/prototype.js</a>&#34; type=&#34;text/javascript&#34;></script>
	<script src=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/js/scri&#112;taculous.js?load=effects" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/js/scri&#112;taculous.js?load=effects</a>&#34; type=&#34;text/javascript&#34;></script>
	<script src=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/js/lightbox.js" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/js/lightbox.js</a>&#34; type=&#34;text/javascript&#34;></script>
</head>
<body>
<div id=&#34;content&#34;>
  <div class=&#34;section clearfix&#34;>
	<h3>单一图片</h3>
	<div class=&#34;thumbnail&#34;>
		<a href=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/image-1.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/image-1.jpg</a>&#34; rel=&#34;lightbox&#34;><img src=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-1.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-1.jpg</a>&#34; width=&#34;100&#34; height=&#34;40&#34; alt=&#34;&#34; /></a>
	</div>
	<div class=&#34;thumbnail&#34;>
		<a href=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/image-2.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/image-2.jpg</a>&#34; rel=&#34;lightbox&#34; title=&#34;Optional caption.&#34;><img src=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-2.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-2.jpg</a>&#34; width=&#34;100&#34; height=&#34;40&#34; alt=&#34;&#34; /></a>
	</div>
	<h3 style=&#34;clear: both;&#34;>图片集</h3>
	<div class=&#34;thumbnail&#34;>
		<a href=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/image-3.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/image-3.jpg</a>&#34; rel=&#34;lightbox[plants]&#34; title=&#34;Mouseover image to move forward.&#34;><img src=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-3.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-3.jpg</a>&#34; width=&#34;100&#34; height=&#34;40&#34; alt=&#34;Plants: image 1 0f 4 thumb&#34; /></a>
	</div>
	<div class=&#34;thumbnail&#34;>
		<a href=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/image-4.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/image-4.jpg</a>&#34; rel=&#34;lightbox[plants]&#34; title=&#34;Alt&#101;rnatively you can press the N key.&#34; ><img src=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-4.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-4.jpg</a>&#34; width=&#34;100&#34; height=&#34;40&#34; alt=&#34;Plants: image 2 0f 4 thumb&#34; /></a>
	</div>
	<div class=&#34;thumbnail&#34;>
		<a href=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/image-5.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/image-5.jpg</a>&#34; rel=&#34;lightbox[plants]&#34; title=&#34;The script preloads the next image in the set as you're viewing.&#34;><img src=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-5.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-5.jpg</a>&#34; width=&#34;100&#34; height=&#34;40&#34; alt=&#34;Plants: image 3 0f 4 thumb&#34; /></a>
	</div>
	<div class=&#34;thumbnail&#34;>
		<a href=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/image-6.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/image-6.jpg</a>&#34; rel=&#34;lightbox[plants]&#34; title=&#34;Press X to close&#34;><img src=&#34;<a href="http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-6.jpg" target="_blank">http://www.blueidea.com/articleimg/2006/08/3904/images/thumb-6.jpg</a>&#34; width=&#34;100&#34; height=&#34;40&#34; alt=&#34;Plants: image 4 0f 4 thumb&#34; /></a>
	</div>
</div><!-- end .section -->
<div class=&#34;section&#34;></div>
<!-- end .section --><!-- end .section -->
</div>
<!-- end #content -->

</body>
</html>
</TEXTAREA><br/><INPUT onclick="runEx('temp22285')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp22285')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div><br/><br/><br/><br/>如何使用:<br/><br/>步骤 1 - 安装 <br/><br/>1、Lightbox v2.0 使用 Prototype 框架和 Scriptaculous 效果库. 你将需要外调这三个 Javascript 文件在你的 header. <br/>&lt;script type=&#34;text/javascript&#34; src=&#34;js/prototype.js&#34;&gt;&lt;/script&gt;<br/>&lt;script type=&#34;text/javascript&#34; src=&#34;js/scriptaculous.js?load=effects&#34;&gt;&lt;/script&gt;<br/>&lt;script type=&#34;text/javascript&#34; src=&#34;js/lightbox.js&#34;&gt;&lt;/script&gt; <br/><br/>2、外调 Lightbox CSS 文件 (或添加 Lightbox 样式到你现行的样式表中). <br/>&lt;link rel=&#34;stylesheet&#34; href=&#34;css/lightbox.css&#34; type=&#34;text/css&#34; media=&#34;screen&#34; /&gt; <br/><br/>3、检查 CSS 并确定调用的 prev.gif 和 next.gif 文件在正确的位置. 同样要确定调用的 loading.gif 和 close.gif 文件及 lightbox.js 文件在正确的位置. <br/><br/>步骤 2 - 激活<br/><br/>1、添加 rel=&#34;lightbox&#34; 属性到任何一个链接标签去激活lightbox. 例如: <br/>&lt;a href=&#34;images/image-1.jpg&#34; rel=&#34;lightbox&#34; title=&#34;my caption&#34;&gt;image #1&lt;/a&gt;<br/>可选择项: 使用 title 属性加上说明. <br/><br/>2、如果你有一套你想分组的相关图片, 接着上一部并且又在 rel 属性中添加一个带方括号的组名. 例如: <br/>&lt;a href=&#34;images/image-1.jpg&#34; rel=&#34;lightbox[roadtrip]&#34;&gt;image #1&lt;/a&gt;<br/>&lt;a href=&#34;images/image-2.jpg&#34; rel=&#34;lightbox[roadtrip]&#34;&gt;image #2&lt;/a&gt;<br/>&lt;a href=&#34;images/image-3.jpg&#34; rel=&#34;lightbox[roadtrip]&#34;&gt;image #3&lt;/a&gt;<br/>3、没有限定每个页面的图片组数量和每个图片组图片的数量. 疯了！ <br/>]查看原文[/url]<br/><br/>概要：<br/><br/>Lightbox JS 是一个简单而又谦恭的用来把图片覆盖在当前页面上的脚本. 它能被快速安装并且运作于所有流行的浏览器.<br/><br/>最新更新 Version 2.0<br/><br/>图片集: 分组相关的图片并且能轻松的导航它们 <br/>视觉特效: 奇特的自适应调整 <br/>向后兼容: yes! <br/>点击这里查看实例演示<br/><br/>如何使用:<br/><br/>步骤 1 - 安装 <br/><br/>1、Lightbox v2.0 使用 Prototype 框架和 Scriptaculous 效果库. 你将需要外调这三个 Javascript 文件在你的 header. <br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">&lt;script type=&#34;text/javascript&#34; src=&#34;js/prototype.js&#34;&gt;&lt;/script&gt;<br/>&lt;script type=&#34;text/javascript&#34; src=&#34;js/scriptaculous.js?load=effects&#34;&gt;&lt;/script&gt;<br/>&lt;script type=&#34;text/javascript&#34; src=&#34;js/lightbox.js&#34;&gt;&lt;/script&gt; </div></div><br/><br/>2、外调 Lightbox CSS 文件 (或添加 Lightbox 样式到你现行的样式表中). <br/>&lt;link rel=&#34;stylesheet&#34; href=&#34;css/lightbox.css&#34; type=&#34;text/css&#34; media=&#34;screen&#34; /&gt; <br/><br/>3、检查 CSS 并确定调用的 prev.gif 和 next.gif 文件在正确的位置. 同样要确定调用的 loading.gif 和 close.gif 文件及 lightbox.js 文件在正确的位置. <br/><br/>步骤 2 - 激活<br/><br/>1、添加 rel=&#34;lightbox&#34; 属性到任何一个链接标签去激活lightbox. 例如: <br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">&lt;a href=&#34;images/image-1.jpg&#34; rel=&#34;lightbox&#34; title=&#34;my caption&#34;&gt;image #1&lt;/a&gt;</div></div>可选择项: 使用 title 属性加上说明. <br/><br/>2、如果你有一套你想分组的相关图片, 接着上一部并且又在 rel 属性中添加一个带方括号的组名. 例如: <br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.as1983.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">&lt;a href=&#34;images/image-1.jpg&#34; rel=&#34;lightbox[roadtrip]&#34;&gt;image #1&lt;/a&gt;<br/>&lt;a href=&#34;images/image-2.jpg&#34; rel=&#34;lightbox[roadtrip]&#34;&gt;image #2&lt;/a&gt;<br/>&lt;a href=&#34;images/image-3.jpg&#34; rel=&#34;lightbox[roadtrip]&#34;&gt;image #3&lt;/a&gt;</div></div><br/>3、没有限定每个页面的图片组数量和每个图片组图片的数量. 疯了！ <br/><br/><a target="_blank" href="http://www.blueidea.com/articleimg/2006/08/3904/lightbox2.02.zip">下载: Lightbox JS v2.02 </a>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.as1983.com/default.asp?id=65" /> 
	  <id>http://www.as1983.com/default.asp?id=65</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[给年轻设计师的忠告(中国广告设计网荐读) ]]></title>
	  <author>
		 <name>游子归来</name>
		 <uri>http://www.as1983.com/</uri>
		 <email>tshjds@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.as1983.com/default.asp?cateID=8" label="休闲日记" /> 
	  <updated>2008-03-12T11:14:04+08:00</updated>
	  <published>2008-03-12T11:14:04+08:00</published>
		  <summary type="html"><![CDATA[1：好好规划自己的路，不要跟着感觉走！根据个人的理想决策安排，绝大部分人并不指望成为什么院士或教授，而是希望活得滋润一些，爽一些。那么，就需要慎重安排自己的轨迹。从哪个行业入手，逐渐对该行业深入了解，不要频繁跳槽，特别是不要为了一点工资而转移阵地，从长远看，这点钱根本不算什么，当你对一个行业有那么几年的体会，以后钱根本不是问题。频繁地动荡不是上策，最后你对哪个行业都没有摸透，永远是新手！　　　 <br/><br/>2：可以做设计创意和技术，切不可沉湎于设计创意和技术。千万不可一门心思钻研设计创意和技术！给自己很大压力，如果你的心思全部放在这上面，那么注定你将成为孔乙己一类的人物！适可而止为之，因为这些只不过是你今后前途的支柱之一，而且还不是最大的支柱，除非你只愿意到老还是个设计师！　　　 <br/><br/>3：不要去做设计高手，只去做综合素质高手！<br/><br/>在企业里混，我们时常瞧不起某人，说他&#34;什么都不懂，凭啥拿那么多钱，凭啥升官！&#34;这是普遍的典型的工程师的迂腐之言。8051很牛吗？人家能上去必然有他的本事，而且是你没有的本事。你想想，老板搞经营那么多年，难道见识不如你这个新兵？人家或许善于管理，善于领会老板意图，善于部门协调等等。因此务必培养自己多方面的能力，包括管理，亲和力，察言观色能力，攻关能力等，要成为综合素质的高手，则前途无量，否则只能躲在角落看示波器！技术以外的技能才是更重要的本事！！从古到今，美国日本，一律如此！　　　 <br/><br/>4：多交社会三教九流的朋友！不要只和设计师交往，<br/><br/>认为有共同语言，其实更重要的是和其他类人物交往，如果你希望有朝一日当老板或高层管理，那么你整日面对的就是这些人。了解他们的经历，思维习惯，爱好，学习他们处理问题的模式，了解社会各个角落的现象和问题，这是以后发展的巨大的本钱，没有这些以后就会笨手笨脚，跌跌撞撞，遇到重重困难，交不少学费，成功的概率大大降低！ <br/><br/>5.知识涉猎不一定专，但一定要广！<br/><br/>多看看其他方面的书，金融，财会，进出口，税务，法律等等，为以后做一些积累，以后的用处会更大！会少交许多学费！！　 <br/><br/>6.抓住时机向技术管理或市场销售方面的转变！<br/><br/>要想有前途就不能一直搞开发，适当时候要转变为管理或销售，前途会更大，以前搞技术也没有白搞，以后还用得着。搞管理可以培养自己的领导能力，搞销售可以培养自己的市场概念和思维，同时为自己以后发展积累庞大的人脉！应该说这才是前途的真正支柱！！！　　　 <br/><br/>7：逐渐克服自己的心里弱点和性格缺陷！多疑，敏感，天真（贬义，并不可爱），犹豫不决，胆怯，多虑，脸皮太薄，心不够黑，教条式思维。。。这些设计师普遍存在的性格弱点必须改变！很难吗？只在床上想一想当然不可能，去帮朋友守一个月地摊，包准有效果，去实践，而不要只想！不克服这些缺点，一切不可能，甚至连项目经理都当不好--尽管你可能技术不错！<br/><br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.as1983.com/default.asp?id=64" /> 
	  <id>http://www.as1983.com/default.asp?id=64</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[798一日游]]></title>
	  <author>
		 <name>游子归来</name>
		 <uri>http://www.as1983.com/</uri>
		 <email>tshjds@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.as1983.com/default.asp?cateID=6" label="小摄生活" /> 
	  <updated>2008-03-06T18:17:50+08:00</updated>
	  <published>2008-03-06T18:17:50+08:00</published>
		  <summary type="html"><![CDATA[<img src="http://www.as1983.com/attachments/month_0803/3200836181723.jpg" border="0" alt=""/><br/><br/><img src="http://www.as1983.com/attachments/month_0803/4200836181728.jpg" border="0" alt=""/><br/><br/><img src="http://www.as1983.com/attachments/month_0803/z200836181736.jpg" border="0" alt=""/><br/><br/><img src="http://www.as1983.com/attachments/month_0803/l200836181740.jpg" border="0" alt=""/><br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.as1983.com/default.asp?id=63" /> 
	  <id>http://www.as1983.com/default.asp?id=63</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[Internet Explorer 8 的新特性]]></title>
	  <author>
		 <name>游子归来</name>
		 <uri>http://www.as1983.com/</uri>
		 <email>tshjds@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.as1983.com/default.asp?cateID=8" label="休闲日记" /> 
	  <updated>2008-03-06T11:57:38+08:00</updated>
	  <published>2008-03-06T11:57:38+08:00</published>
		  <summary type="html"><![CDATA[和现在的工作相关的如下：<br/><img src="http://www.as1983.com/attachments/month_0803/1200836115831.gif" border="0" alt=""/><br/><br/>支持微格式（Microformat）并用来支持他的 WebSlices 功能<br/>这就要求以后在写Class时要参照Microformat来写了~~~<br/>PS：WebSlices 是一个新的功能，为网站接入到他们的用户选择订阅内容直接在一个网页。 WebSlices 就像RSS订阅那样，用户可以订阅得到更新，并通知用户更改的。<br/><br/>完美支持CSS2.1并支持部分CSS3<br/>可以肯定的是支持了CSS3逻辑性选择符，如偶数行元素的选中，具体参见：<br/>《关于CSS3》一文中的详情。<br/><br/>IMG和CSS支持使用Data URIs<br/>IMG如：&lt;img alt=&#34;Image fed from data url&#34; src=&#34;data:image/png;base64,iVBORw0KGgoAAA...&#34; /&gt;<br/>CSS如：&lt;link rel=&#34;stylesheet&#34; href=&#34;data:text/css;base64,iVBORw0KGgoAAA...&#34; /&gt;<br/>这样带来的好处：<br/><br/>一是可以动态的生成IMG和CSS； <br/>二是在CSS或IMG变更时，浏览器与服务器两者进行通信后只更新变化后的Data，从而有力的减少带宽上的流量和服务器的压力（猜测）<br/>打印CSS的支持<br/>支持分页等，基本上没用过，打印这个功能很不环保很不绿色……<br/><br/>提供三种解析页面的模式<br/>IE8 Standard Modes ：默认的最标准的模式，严格按照W3C相关规定<br/>IE7 Standards Modes ：IE7现在用的解析网页的模式，开起机关是在&lt;head&gt;中加入 &lt;meta http-equiv=&#34;X-UA-Compatible&#34; content=&#34;IE=7&#34;&gt;<br/>Quirks Modes ：IE5用的解析网页的模式，开起机关是删除HTML顶部的DOCTYPE声明<br/>注意：不同模式间的网页在IE8中可以互相 frame ，因此因不会模式下的DOM和CSS渲染不一样，所以会引发很多问题，务必注意。<br/><br/>&lt;p&gt;和&lt;object&gt;<br/>对这两个标签的支持逻辑进行了更新，使之更完美的语义化<br/>猜测是支持在&lt;p&gt;、&lt;object&gt;中放置&lt;div&gt;<br/><br/>通过Acid2测试<br/>这意味着对HTML解析的更完美<br/><br/>另外还有些我不太了解领域的改进：<br/><br/>AJAX的改善 <br/>DOM核心的改进 <br/>解析HTML、CSS、JS效果上的改善 <br/>内存泄漏改善 <br/>保护模式下的API改善 <br/>.htc继续支持 <br/>自定义HTML标签的改善<br/>还有一个Activities功能，感觉有点像不同网站间进行API调用一样，有点意思~~~<br/>原文看 <a target="_blank" href="http://www.microsoft.com/windows/products/winfamily/ie/ie8/readiness/DevelopersNew.htm">这里</a><br/>更详细的还要等微软出更详细的文档出来<br/><br/>本]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.as1983.com/default.asp?id=62" /> 
	  <id>http://www.as1983.com/default.asp?id=62</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[提高Alexa排名的九个方法]]></title>
	  <author>
		 <name>游子归来</name>
		 <uri>http://www.as1983.com/</uri>
		 <email>tshjds@gmail.com</email>
	  </author>
	  <category term="" scheme="http://www.as1983.com/default.asp?cateID=12" label="我的收藏" /> 
	  <updated>2008-02-19T11:29:20+08:00</updated>
	  <published>2008-02-19T11:29:20+08:00</published>
		  <summary type="html"><![CDATA[当我们知道Alexa是什么，也知道为什么要提高Alexa之后，接下来的重点，就是谈谈如何提高Alexa排名。<br/>就像我昨天所说的，我这里所讲的绝不会是某种作弊的方法。比如你用搜索来搜一下“Alexa 刷&#34;，你就会看到许多通过刷页面来提高Alexa，或者是互刷联盟，或者是工具来刷，再或者通过模拟IP来提高。这些都无法反映你的真实流量。<br/><br/>我这里所说的方法，都是合理合法的，既不会吹出大泡泡，也不会受到搜索引擎的惩罚。<br/><br/>1）安装Alexa工具条，或者安装Firefox下的SearchStatus插件。并且设置自己的Blog作为默认首页，这样每次你打开浏览器的时候，Alexa统计就开始工作了。<br/><br/>2）把Alexa排名统计的widget放在Blog上，当它被点击的时候，也相当于Alexa统计到一次PV，即使那个用户没有安装Alexa工具条。<br/><br/>3）如果可以的话，在你的公司或者办公室里的电脑里都安装上Alexa工具条。<br/><br/>4）在站长论坛里发贴子的时候留下你的链接，一般站长安装Alexa的较多，当他们访问你的Blog的时候，当然会有帮助。<br/><br/>5）使用Alexa重定向功能，当你留言的时候，可以留下这样的链接：<br/><a target="_blank" href="http://redirect.alexa.com/redirect?seo.g2soft.net">http://redirect.alexa.com/redirect?seo.g2soft.net</a>当用户点击这个链接的时候，就相当于给你的网站添加了一个PV，并且被Alexa统计到，哪怕他用的浏览器根本没有Alexa。<br/><br/>6）给你的Blog添加一个Alexa分类，把有关Alexa的文章都放在里面，这样站长有更大的机会来到你的Blog，你的排名当然就容易上升。<br/><br/>7）找到你的Blog上最受欢迎的文章，把Alexa的链接添加上，或者使用第五点中所说的重定向链接到你自己内部的文章。<br/><br/>8）提供一些站长工具，这样站长就会经常来造访，并且提高你的Alexa排名，比如SEO 在线工具中的Google PageRank Checker就是一个很好的例子。<br/><br/>9）第九点，没有了，你自己想吧，如果有好的点子，请在下面留言。<br/><br/>Up&#100;ate on Jan. 14, 2007<br/>上面第五种方法，已经失效，请勿使用。<br/><br/><br/>作者: David Yin<br/>原载: SEO 网站优化推广 <br/>版权所有。转载时必须以链接形式注明作者和原始出处及本声明。 ]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.as1983.com/default.asp?id=61" /> 
	  <id>http://www.as1983.com/default.asp?id=61</id> 
  </entry>	
		
</feed>