<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
    <channel>
        <title>恐龙志 - evolve the web!</title>
        <link>http://www.w3cool.com/</link>
        <description>The Place where deploy our Ideas and Paranoeas!</description>
        <language>zh-cn</language>
        <copyright>Copyright 2010</copyright>
        <lastBuildDate>Thu, 14 Aug 2008 11:11:30 +0800</lastBuildDate>
        <generator>http://www.sixapart.com/movabletype/</generator>
        <docs>http://www.rssboard.org/rss-specification</docs>
        
        <item>
            <title>语义标签构建xhtml文档</title>
            <description><![CDATA[<div class="wlWriterSmartContent" id="scid:0767317B-992E-4b12-91E0-4F059A8CECA8:75a05a4e-e580-4eb0-a288-93605158d4c1" style="padding-right: 0px; display: inline; padding-left: 0px; float: none; padding-bottom: 0px; margin: 0px; padding-top: 0px">Technorati 标签: <a href="http://technorati.com/tags/html" rel="tag">html</a></div>  <p>很老的一个话题的，当年老李发明html的时候，就要要人这样做，严格的&lt;hn&gt;--标题 &lt;p&gt;正文，但是他是为了存放高能物理的论文，html开始普及以后，迂夫愚妇般的各色人等都参与到html中间来，最后的结果是有了DW，只要看着一样，html怎么样都行，这样好 比如下面两段xhtml代码：</p>  <table cellspacing="0" cellpadding="0" width="554" border="1"><tbody>     <tr>       <td valign="top" width="552">         <p>&lt;h1&gt;如何设置液晶显示器的刷新率?&lt;/h1&gt;            <br />&lt;p&gt;和CRT显示器相比，液晶显示器采用&#8220;背光（backlight）&#8221;原理，使用灯管作为背光光源，通过辅助光学模组和液晶层对光线的控制来达到较为理想的显示效果。所以从理论角度上看，调整刷新率对液晶显示器没有实际意义。             <br />&lt;/p&gt;             <br />&lt;p&gt;但是从我们实际使用情况来看，更改液晶显示器刷新率时，有时会感到显示器清晰度有所变化。一般而言，按照液晶显示器上厂商推荐设置，对于较早以前的液晶显示器设置为60Hz，最近生产的液显设置为75Hz，即可达到最佳的显示效果。&lt;/p&gt;</p>       </td>     </tr>      <tr>       <td valign="top" width="552">&lt;p style=&quot;font-size:2em;font-weight:bold&quot;&gt;如何设置液晶显示器的刷新率?&lt;/p&gt;          <br />和CRT显示器相比，液晶显示器采用&#8220;背光（backlight）&#8221;原理，使用灯管作为背光光源，通过辅助光学模组和液晶层对光线的控制来达到较为理想的显示效果。所以从理论角度上看，调整刷新率对液晶显示器没有实际意义。           <br />&lt;br&gt;           <br />但是从我们实际使用情况来看，更改液晶显示器刷新率时，有时会感到显示器清晰度有所变化。一般而言，按照液晶显示器上厂商推荐设置，对于较早以前的液晶显示器设置为60Hz，最近生产的液显设置为75Hz，即可达到最佳的显示效果。</td>     </tr>   </tbody></table> ]]></description>
            <link>http://www.w3cool.com/2008/08/14/xhtml_2.html</link>
            <guid>http://www.w3cool.com/2008/08/14/xhtml_2.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">HTML/CSS/JavaScript</category>
            
            
            <pubDate>Thu, 14 Aug 2008 11:11:30 +0800</pubDate>
        </item>
        
        <item>
            <title>document.write()详解</title>
            <description><![CDATA[<p>&#160;&#160;&#160;&#160;&#160;&#160; 在载人页面后，浏览器输出流自动关闭；在此之后，任何一个对当前页面进行操作的document.write()方法将打开&#8212;个新的输出流。它将清除当前页面内容(包括源文档的任何变量或值)、因此．假如希望用脚本生成的HTML替换当前页面，就必须把HTML内容连接起来赋给一个变量、使用一个document.write()方法完成写操作，不必清除文档并打开一个新数据流，一个document.write()调用就可完成所有的操作。   <br />&#160;&#160;&#160;&#160;&#160;&#160; 关于document.write()方法还有一点要说明的是它的相关方法document.close()。脚本向窗口(不管是本窗口或其他窗口)写完内容后．必须关闭输出流。在延时脚本的最后一个document.write()方法后面．必须确保含有document.close()方法，不这样做就不能显示图片和表单。并且，任何后面调用的document.write()方法只会把内容追加到页面后，而不会清除现有内容来写入新值。</p>]]></description>
            <link>http://www.w3cool.com/2008/08/14/documentwrite.html</link>
            <guid>http://www.w3cool.com/2008/08/14/documentwrite.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">HTML/CSS/JavaScript</category>
            
            
            <pubDate>Thu, 14 Aug 2008 09:26:02 +0800</pubDate>
        </item>
        
        <item>
            <title>通用不间断滚动JS封装类,刚刚用到</title>
            <description><![CDATA[<p>用说明:页面包含&lt;script type=&quot;text/javascript&quot; src=&quot;MSClass.js&quot;&gt;&lt;/script&gt; <br />创建实例:new Marquee(&quot;marquee&quot;,0,1,760,52,50,5000,3000) <br />参数说明:marquee 容器ID <br />0 向上滚动(0向上 1向下 2向左 3向右) <br />1 滚动的步长 <br />760 容器可视宽度 <br />52 容器可视高度 <br />50 定时器 数值越小，滚动的速度越快(1000=1秒,建议不小于20) <br />5000 每滚动一屏后停顿时间间格(0为不停顿,1000=1秒) <br />3000 开始时的等待时间(0为不等待,1000=1秒)</p><p>&nbsp;function Marquee() <br />{ <br />&nbsp;&nbsp;&nbsp; this.ID = document.getElementById(arguments[0]); <br />&nbsp;&nbsp;&nbsp; if(!this.ID) <br />&nbsp;&nbsp;&nbsp; {&nbsp;<br />&nbsp;</p>]]></description>
            <link>http://www.w3cool.com/2008/08/11/js.html</link>
            <guid>http://www.w3cool.com/2008/08/11/js.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">HTML/CSS/JavaScript</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Web相关|WebSite</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">javascript</category>
            
            <pubDate>Mon, 11 Aug 2008 13:33:19 +0800</pubDate>
        </item>
        
        <item>
            <title>&quot;说说&quot;自定义播放器颜色的办法！</title>
            <description><![CDATA[<p>播放器的图例:<br /><span class="mt-enclosure mt-enclosure-image"><img class="mt-image-center" style="display: block; margin: 0px auto 20px; text-align: center" height="124" alt="" width="390" src="http://www.w3cool.com/2008/03/25/map.gif" /></span></p><p>调用方法不变，还是</p><p>1) 在你想出现播放器的地方插入一个层:&nbsp;&nbsp;&nbsp; &lt;div id=&quot;speech_player&quot; name=&quot;speech_player&quot;&gt;&lt;/div&gt; 层的id可以自己定。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 2)把以下代码放在&lt;/body&gt;前面:</p><p>&lt;script type=&quot;text/javascript&quot; src=&quot;http://speech.w3cool.com/swf/speech.js&quot;&gt;&lt;/script&gt;<br />&lt;script type=&quot;text/javascript&quot;&gt;<br />&nbsp;var _scid = &quot;copytext&quot;;&nbsp;&nbsp;&nbsp; // <strong>你希望朗读的文章块的id;<br /></strong>var _spid = &quot;speech_player&quot;;&nbsp;&nbsp; //<strong>显示播放器的id;</strong>&nbsp;<br />_sp_bg = &quot;0xCDDFF3&quot;;&nbsp;&nbsp; //修改成你想要的颜色<br />_sp_leftbg = &quot;0x357DCE&quot;;<br />_sp_lefticon = &quot;0xF2F2F2&quot;;<br />_sp_rightbg = &quot;0x357DCE&quot;;<br />_sp_rightbghover = &quot;0x4499EE&quot;;<br />_sp_righticon = &quot;0xF2F2F2&quot;;<br />_sp_righticonhover = &quot;0xFFFFFF&quot;;<br />_sp_text = &quot;0x357DCE&quot;;<br />_sp_slider = &quot;0x357DCE&quot;;<br />_sp_track = &quot;0xFFFFFF&quot;;<br />_sp_border = &quot;0xFFFFFF&quot;;<br />_sp_loader = &quot;0x8EC2F4&quot;;</p><p>speaker();<br />&lt;/script&gt;</p>]]></description>
            <link>http://www.w3cool.com/2008/03/25/post_10.html</link>
            <guid>http://www.w3cool.com/2008/03/25/post_10.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">HTML/CSS/JavaScript</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">说说|SaySo</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">项目|Projects</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">mp3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">在线语音合成</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">说说</category>
            
            <pubDate>Tue, 25 Mar 2008 22:34:17 +0800</pubDate>
        </item>
        
        <item>
            <title>Movable Type 的 Feed Widget 很牛，真的很牛！</title>
            <description><![CDATA[<p>　　最近做了数字报纸的RSS，当天的订约数量就超过5500次，有的安装Vista的同事就直接在Vista桌面的RSS上订约。我很稀饭，哈哈哈。</p>
<p>　　今天写我的Blog,发现MovableType居然可以调用RSS，我以为是javascript的效果，糊弄人的。试了一个，发现可以完全自己订制，100%生成静态页面，而且效率有保证，这就是我想要的效果，精确且完美!</p>
<span class="mt-enclosure mt-enclosure-image"><img style="BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; MARGIN: 0px 20px 20px 0px; BORDER-LEFT: gray 1px solid; BORDER-BOTTOM: gray 1px solid" height="431" alt="rss.jpg" src="http://www.w3cool.com/2007/12/23/rss.jpg" width="210" /></span>
<p>这是模版，也可以用向导生成，由于我是完全自己定义的模版，所以需要修改，使用默认模版直接就能用.<br />&lt;MTFeed uri="<a href="http://epaper.cnhubei.com/interface/rss_ctjbfk.aspx?p=s">http://epaper.cnhubei.com/interface/rss_ctjbfk.aspx?p=s</a>"&gt;<br />© &lt;b&gt;楚天金报副刊数字报&lt;/b&gt;&lt;br /&gt;<br />&lt;MTFeedEntries lastn="10"&gt;<br />§ &lt;a href="&lt;$MTFeedEntryLink encode_html="1"$&gt;" target="_blank"&gt;&lt;$MTFeedEntryTitle$&gt;&lt;/a&gt;&lt;br /&gt;<br />&lt;/MTFeedEntries&gt;&lt;/MTFeed&gt;<br />&lt;br /&gt;</p>]]></description>
            <link>http://www.w3cool.com/2007/12/23/movable_type_feed_widget.html</link>
            <guid>http://www.w3cool.com/2007/12/23/movable_type_feed_widget.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">HTML/CSS/JavaScript</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">编程|Coding</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">随笔|Essay</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">javascript</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">MT</category>
            
            <pubDate>Sun, 23 Dec 2007 01:08:54 +0800</pubDate>
        </item>
        
        <item>
            <title>AJAX地图的实现</title>
            <description><![CDATA[<p>&nbsp;&nbsp;&nbsp;&nbsp; 这是一个ajax地图，恐龙同志很久以前做的，使用分级实时加载，缓存。源程序使用一个servlet管理图片库，这里直接提取为静态文件，可以使用滑杆或者按钮控制：</p>
<p><a href="http://www.w3cool.com/upload/map/map.htm"><img alt="" src="http://w3cool.com/upload/map.JPG" /></a></p>
<p>这里下载完整的<a href="http://www.w3cool.com/upload/map/bin.rar">源代码</a>，这里是<a href="http://www.w3cool.com/upload/map/map.htm">演示页面</a>。</p>]]></description>
            <link>http://www.w3cool.com/2007/04/14/ajax_map.html</link>
            <guid>http://www.w3cool.com/2007/04/14/ajax_map.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">HTML/CSS/JavaScript</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">编程|Coding</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">项目|Projects</category>
            
            
            <pubDate>Sat, 14 Apr 2007 14:19:00 +0800</pubDate>
        </item>
        
        <item>
            <title>常用CSS缩写语法总结</title>
            <description><![CDATA[<p>使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：</p>
<h4>颜色</h4>
<p>16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：<br />
#000000可以缩写为#000;#336699可以缩写为#369;</p>
<p><strong><font color="#ff0000">注意</font>:</strong>在同一个CSS配置节中，不要交错使用全写和缩写的颜色配置，在系统资源极低时，会导致浏览器渲染失败。</p>
<h4>盒尺寸</h4>
<p>通常有下面四种书写方法:</p>
<ul>
    <li>property:value1; 表示所有边都是一个值value1； </li>
    <li>property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 </li>
    <li>property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是value3 </li>
    <li>property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left </li>
</ul>
<p>方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：<br />
margin:1em 0 2em 0.5em; </p>]]></description>
            <link>http://www.w3cool.com/2007/02/09/css.html</link>
            <guid>http://www.w3cool.com/2007/02/09/css.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">HTML/CSS/JavaScript</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">编程|Coding</category>
            
            
            <pubDate>Fri, 09 Feb 2007 11:43:41 +0800</pubDate>
        </item>
        
    </channel>
</rss>
