<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title><![CDATA[璀璨心灵 - JavaScript]]></title>
<link>http://blog.mmgg.net/</link>
<description><![CDATA[记录那些朝花拾夕的日子]]></description>
<language>zh-cn</language>
<copyright><![CDATA[Copyright 2005 PBlog2 v2.4]]></copyright>
<webMaster><![CDATA[Fly@MMGG.NET(小飞飞)]]></webMaster>
<generator>PBlog2 v2.4</generator> 
<image>
	<title>璀璨心灵</title> 
	<url>http://blog.mmgg.net/images/logos.gif</url> 
	<link>http://blog.mmgg.net/</link> 
	<description>璀璨心灵</description> 
</image>

			<item>
			<link>http://blog.mmgg.net/default.asp?id=42</link>
			<title><![CDATA[常用正则表达式]]></title>
			<author>Fly@MMGG.NET(Fly)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Thu,21 Aug 2008 18:03:49 +0800</pubDate>
			<guid>http://blog.mmgg.net/default.asp?id=42</guid>	
		<description><![CDATA[1、非负整数：^\d+$ <br/><br/>2、正整数：^[0-9]*[1-9][0-9]*$ <br/><br/>3、非正整数：^((-\d+)|(0+))$ <br/><br/>4、负整数：^-[0-9]*[1-9][0-9]*$ <br/><br/>5、整数：^-?\d+$ <br/><br/>6、非负浮点数：^\d+(\.\d+)?$ <br/><br/>7、正浮点数：^((0-9)+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$ <br/><br/>8、非正浮点数：^((-\d+\.\d+)?)|(0+(\.0+)?))$ <br/><br/>9、负浮点数：^(-((正浮点数正则式)))$ <br/><br/>10、英文字符串：^[A-Za-z]+$ <br/><br/>11、英文大写串：^[A-Z]+$ <br/><br/>12、英文小写串：^[a-z]+$ <br/><br/>13、英文字符数字串：^[A-Za-z0-9]+$ <br/><br/>14、英数字加下划线串：^\w+$ <br/><br/>15、E-mail地址：^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$ <br/><br/>16、URL：^[a-zA-Z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\s*)?$ <br/>或：^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&amp;_~`@[\]\&#39;:+!]*([^&lt;&gt;\&#34;\&#34;])*$<br/><br/>17、邮政编码：^[1-9]\d{5}$<br/><br/>18、中文：^[\u0391-\uFFE5]+$<br/><br/>19、电话号码：^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$<br/><br/>20、手机号码：^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$<br/><br/>21、双字节字符(包括汉字在内)：^\x00-\xff<br/><br/>22、匹配首尾空格：(^\s*)|(\s*$)（像vbscript那样的trim函数）<br/><br/>23、匹配HTML标记：&lt;(.*)&gt;.*&lt;\/\1&gt;|&lt;(.*) \/&gt; <br/><br/>24、匹配空行：\n[\s| ]*\r<br/><br/>25、提取信息中的网络链接：(h|H)(r|R)(e|E)(f|F)&nbsp;&nbsp;*=&nbsp;&nbsp;*(&#39;|&#34;)?(\w|\\|\/|\.)+(&#39;|&#34;|&nbsp;&nbsp;*|&gt;)?<br/><br/>26、提取信息中的邮件地址：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*<br/><br/>27、提取信息中的图片链接：(s|S)(r|R)(c|C)&nbsp;&nbsp;*=&nbsp;&nbsp;*(&#39;|&#34;)?(\w|\\|\/|\.)+(&#39;|&#34;|&nbsp;&nbsp;*|&gt;)?<br/><br/>28、提取信息中的IP地址：(\d+)\.(\d+)\.(\d+)\.(\d+)<br/><br/>29、提取信息中的中国手机号码：(86)*0*13\d{9}<br/><br/>30、提取信息中的中国固定电话号码：(\(\d{3,4}\)|\d{3,4}-|\s)?\d{8}<br/><br/>31、提取信息中的中国电话号码（包括移动和固定电话）：(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}<br/><br/>32、提取信息中的中国邮政编码：[1-9]{1}(\d+){5}<br/><br/>33、提取信息中的浮点数（即小数）：(-?\d*)\.?\d+<br/><br/>34、提取信息中的任何数字 ：(-?\d*)(\.\d+)?&nbsp;&nbsp;<br/><br/>35、IP：(\d+)\.(\d+)\.(\d+)\.(\d+)<br/><br/>36、电话区号：/^0\d{2,3}$/<br/><br/>37、腾讯QQ号：^[1-9]*[1-9][0-9]*$<br/><br/>38、帐号(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$<br/><br/>39、中文、英文、数字及下划线：^[\u4e00-\u9fa5_a-zA-Z0-9]+$ <br/>]]></description>
		</item>
		
			<item>
			<link>http://blog.mmgg.net/default.asp?id=41</link>
			<title><![CDATA[Ajax相关函数]]></title>
			<author>Fly@MMGG.NET(Fly)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Sun,03 Aug 2008 12:18:45 +0800</pubDate>
			<guid>http://blog.mmgg.net/default.asp?id=41</guid>	
		<description><![CDATA[//@desc&nbsp;&nbsp;&nbsp;&nbsp;load a page(some html) via xmlhttp,and display on a container<br/>//@param&nbsp;&nbsp; url&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;the url of the page will load,such as &#34;index.php&#34;<br/>//@param&nbsp;&nbsp; request&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;request string to be sent,such as &#34;action=1&amp;name=surfchen&#34;<br/>//@param&nbsp;&nbsp; method&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; POST o&#114; GET<br/>//@param&nbsp;&nbsp; container&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;the container object,the loaded page will display in container.innerHTML<br/>//@usage <br/>//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ajaxLoadPage(&#39;index.php&#39;,&#39;action=1&amp;name=surfchen&#39;,&#39;POST&#39;,document.getElementById(&#39;my_home&#39;))<br/>//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; suppose there is a html element of &#34;my_home&#34; id,such as &#34;&lt;span id=&#39;my_home&#39;&gt;&lt;/span&gt;&#34; <br/>//@author&nbsp;&nbsp;SurfChen &lt;surfchen@gmail.com&gt;<br/>//@url&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.surfchen.org/" target="_blank">http://www.surfchen.org/</a><br/>//@license <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">http://www.gnu.org/licenses/gpl.html</a> GPL<br/>function ajaxLoadPage(url,request,method,container)<br/>{<br/>&#160;&#160;&#160;&#160;method=method.toUpperCase();<br/>&#160;&#160;&#160;&#160;var loading_msg=&#39;Loading...&#39;;//the text shows on the container on loading.<br/>&#160;&#160;&#160;&#160;var loader=new XMLHttpRequest;//require Cross-Browser XMLHttpRequest<br/>&#160;&#160;&#160;&#160;if (method==&#39;GET&#39;)<br/>&#160;&#160;&#160;&#160;{<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;urls=url.split(&#34;?&#34;);<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;if (urls[1]==&#39;&#39; || typeof urls[1]==&#39;undefined&#39;)<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;url=urls[0]+&#34;?&#34;+request;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;else<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;url=urls[0]+&#34;?&#34;+urls[1]+&#34;&amp;&#34;+request;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;request=null;//for GET method,loader should send NULL<br/>&#160;&#160;&#160;&#160;}<br/>&#160;&#160;&#160;&#160;loader.open(method,url,true);<br/>&#160;&#160;&#160;&#160;if (method==&#34;POST&#34;)<br/>&#160;&#160;&#160;&#160;{<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;loader.setRequestHeader(&#34;Content-Type&#34;,&#34;application/x-www-form-urlencoded&#34;);<br/>&#160;&#160;&#160;&#160;}<br/>&#160;&#160;&#160;&#160;loader.onreadystatechange=function(){<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;if (loader.readyState==1)<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;container.innerHTML=loading_msg;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;if (loader.readyState==4)<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;container.innerHTML=loader.responseText;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br/>&#160;&#160;&#160;&#160;}<br/>&#160;&#160;&#160;&#160;loader.send(request);<br/>}<br/>//@desc&nbsp;&nbsp;&nbsp;&nbsp;transform the elements of a form object and their values into request string( such as &#34;action=1&amp;name=surfchen&#34;)<br/>//@param&nbsp;&nbsp; form_obj&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;the form object<br/>//@usage&nbsp;&nbsp; formToRequestString(document.form1)<br/>//@notice&nbsp;&nbsp;this function can not be used to upload a file.if there is a file input element,the func will take it as a text input.<br/>//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; as I know,because of the security,in most of the browsers,we can not upload a file via xmlhttp.<br/>//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; a solution is iframe.<br/>//@author&nbsp;&nbsp;SurfChen &lt;surfchen@gmail.com&gt;<br/>//@url&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.surfchen.org/" target="_blank">http://www.surfchen.org/</a><br/>//@license <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">http://www.gnu.org/licenses/gpl.html</a> GPL<br/>function formToRequestString(form_obj)<br/>{<br/>&#160;&#160;&#160;&#160;var query_string=&#39;&#39;;<br/>&#160;&#160;&#160;&#160;var and=&#39;&#39;;<br/>&#160;&#160;&#160;&#160;//alert(form_obj.length);<br/>&#160;&#160;&#160;&#160;for (i=0;i&lt;form_obj.length ;i++ )<br/>&#160;&#160;&#160;&#160;{<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;e=form_obj[i];<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;if (e.name!=&#39;&#39;)<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;if (e.type==&#39;sel&#101;ct-one&#39;)<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;element_value=e.options[e.sel&#101;ctedIndex].value;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;else if (e.type==&#39;checkbox&#39; || e.type==&#39;radio&#39;)<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;if (e.checked==false)<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;break;&#160;&#160;&#160;&#160;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;element_value=e.value;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;else<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;{<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;element_value=e.value;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;query_string+=and+e.name+&#39;=&#39;+element_value.replace(/\&amp;/g,&#34;%26&#34;);<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;and=&#34;&amp;&#34;<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;}<br/>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<br/>&#160;&#160;&#160;&#160;}<br/>&#160;&#160;&#160;&#160;return query_string;<br/>}<br/>//@desc&nbsp;&nbsp;&nbsp;&nbsp;no refresh submit(ajax) by using ajaxLoadPage and formToRequestString<br/>//@param&nbsp;&nbsp; form_obj&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;the form object<br/>//@param&nbsp;&nbsp; container&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;the container object,the loaded page will display in container.innerHTML<br/>//@usage&nbsp;&nbsp; ajaxFormSubmit(document.form1,document.getElementById(&#39;my_home&#39;))<br/>//@author&nbsp;&nbsp;SurfChen &lt;surfchen@gmail.com&gt;<br/>//@url&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.surfchen.org/" target="_blank">http://www.surfchen.org/</a><br/>//@license <a href="http://www.gnu.org/licenses/gpl.html" target="_blank">http://www.gnu.org/licenses/gpl.html</a> GPL<br/>function ajaxFormSubmit(form_obj,container)<br/>{<br/>&#160;&#160;&#160;&#160;ajaxLoadPage(form_obj.getAttributeNode(&#34;action&#34;).value,formToRequestString(form_obj),form_obj.method,container)<br/>}]]></description>
		</item>
		
			<item>
			<link>http://blog.mmgg.net/default.asp?id=40</link>
			<title><![CDATA[javascript字符串替换所有要替换字符]]></title>
			<author>Fly@MMGG.NET(Fly)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Thu,22 May 2008 15:52:14 +0800</pubDate>
			<guid>http://blog.mmgg.net/default.asp?id=40</guid>	
		<description><![CDATA[<div class="UBBPanel"><div class="UBBTitle"><img src="http://blog.mmgg.net/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>//将字母i全部替换成5<br/><br/>&lt;script language=&#34;javascript&#34;&gt;<br/>var txt = &#34;sjfisjfisdjfijsidfjioalfjewofjjgs&#34;;<br/>alert(txt .replace(/i/g,&#34;5&#34;));<br/>&lt;/script&gt;<br/><br/><br/>//只将第一个字母i替换成5<br/><br/>&lt;script language=&#34;javascript&#34;&gt;<br/>var txt = &#34;sjfisjfisdjfijsidfjioalfjewofjjgs&#34;;<br/>alert(txt .replace(&#34;i&#34;,&#34;5&#34;));<br/>&lt;/script&gt;<br/><br/></div></div>]]></description>
		</item>
		
			<item>
			<link>http://blog.mmgg.net/default.asp?id=38</link>
			<title><![CDATA[JS表单检验]]></title>
			<author>Fly@MMGG.NET(Fly)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Wed,21 May 2008 13:29:17 +0800</pubDate>
			<guid>http://blog.mmgg.net/default.asp?id=38</guid>	
		<description><![CDATA[以前对于表单里字段验证，是通过每个JSP写JS函数。感觉太落后。前段时间找到一个好方法。接下来我介绍具体实现<br/>首先是JSP核心代码<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://blog.mmgg.net/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>&lt;script language=&#34;javascript&#34;&gt;<br/>&nbsp;&nbsp; function valid(){<br/> var fields= new Array();<br/> var i=0;<br/>&nbsp;&nbsp;fields[i++] = new Field(&#34;tests1&#34;,&#34;测试不能为空&#34;,true,0,true,25);<br/>&nbsp;&nbsp;fields[i++] = new Field(&#34;test2&#34;,&#34;测试是电子邮件格式&#34;,true,0,true,25); <br/>&nbsp;&nbsp;fields[i++] = new Field(&#34;test3&#34;,&#34;测试是身份证号码&#34;,true,0,true,25);<br/> var flag=checkDocument(fields);<br/> return flag;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;}<br/>&lt;/script&gt;<br/><br/>&lt;form name=&#34;form&#34; action=&#34;test.action&#34; method=&#34;post&#34; onSubmit=&#34;return valid();&#34;&gt;<br/><br/>&lt;table&gt;<br/><br/>&lt;tr&gt;&lt;td&gt;&lt;input type=&#34;text&#34; name=&#34;company.name&#34; id=&#34;test1&#34;&gt;&lt;/td&gt;&lt;/tr&gt; <br/><br/>&lt;tr&gt;&lt;td&gt;&lt;input type=&#34;text&#34; name=&#34;company.email&#34; id=&#34;test2&#34;&gt;&lt;/td&gt;&lt;/tr&gt; <br/><br/>&lt;tr&gt;&lt;td&gt;&lt;input type=&#34;text&#34; name=&#34;company.cer&#34; id=&#34;test3&#34;&gt;&lt;/td&gt;&lt;/tr&gt; <br/><br/>&lt;tr&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td align=&#34;center&#34; colspan=&#34;6&#34;&gt;&lt;input type=&#34;submit&#34; name=&#34;Submit&#34;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; value=&#34;确 认&#34; /&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;button onclick=&#34;javascript:history.back();&#34; class=binput&gt;返回&lt;/button&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/td&gt;<br/>&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;<br/><br/>&lt;/table&gt;<br/></div></div><br/>封装好的一个JS代码：<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://blog.mmgg.net/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>/**<br/>*检查提交的数据是否符合要求<br/>* fields为自定义的对象<br/>* 符合要求时返回true否则提示并返回假<br/>*/<br/>function checkDocument(fields)<br/>{<br/><br/><br/> var strmsg ;<br/> var i = 0;<br/> var count = fields.length;<br/> var field,name, message, isNull, strtype,isLen,strlength;<br/> var thisform;<br/> strmsg = &#34;&#34;;<br/> <br/> for(i=0; i&lt;count; i++)<br/> {<br/>&nbsp;&nbsp;field = fields;<br/>&nbsp;&nbsp;name=field.name;<br/>&nbsp;&nbsp;message=field.message;<br/>&nbsp;&nbsp;isNull=field.isNull;<br/>&nbsp;&nbsp;strtype=field.strtype;<br/>&nbsp;&nbsp;isLen=field.isLen;<br/>&nbsp;&nbsp;strlength=field.strlength;<br/>&nbsp;&nbsp;thisform=eval(&#34;document.getElementById(&#39;&#34;+name+&#34;&#39;)&#34;);<br/>&nbsp;&nbsp;<br/>&nbsp;&nbsp;//不允许为空时却为空<br/>&nbsp;&nbsp;if(isNull)<br/>&nbsp;&nbsp;&nbsp;&nbsp;{<br/>&nbsp;&nbsp;&nbsp;&nbsp; if(trim(thisform.value)==&#34;&#34;){<br/>&nbsp;&nbsp;&nbsp;&nbsp;strmsg=strmsg+message+&#34;不能为空\n&#34;;<br/>&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;//允许为空时，事实为空时给一个缺省的值0<br/>&nbsp;&nbsp;if(trim(thisform.value)==&#34;&#34;) {strtype=0;};<br/><br/>&nbsp;&nbsp;//输入了时判断输入的正确性<br/>&nbsp;&nbsp;switch(strtype){<br/>&nbsp;&nbsp;case 0:<br/>&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp; break;<br/>&nbsp;&nbsp; }<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;case 1:<br/>&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp; if(!isFloat(thisform.value)){<br/>&nbsp;&nbsp;&nbsp;&nbsp; strmsg=strmsg+message+&#34;一定是数字\n&#34;;<br/>&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp; break;<br/>&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;case 2:<br/>&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp;if(!isFloat(thisform.value)){<br/>&nbsp;&nbsp;&nbsp;&nbsp; strmsg=strmsg+message+&#34;一定是数字\n&#34;;<br/>&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;break;<br/>&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;case 3:<br/>&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp;if(!isPercent(thisform.value)){<br/>&nbsp;&nbsp;&nbsp;&nbsp; strmsg=strmsg+message+&#34;一定是百分数\n&#34;;<br/>&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;break;<br/>&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp; case 4:<br/>&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp;if(!isHZ(thisform.value)){<br/>&nbsp;&nbsp;&nbsp;&nbsp; strmsg=strmsg+message+&#34;一定是汉字\n&#34;;<br/>&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;break;<br/>&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;case 5:<br/>&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp;if(!notHZ(thisform.value)){<br/>&nbsp;&nbsp;&nbsp;&nbsp; strmsg=strmsg+message+&#34;一定不是汉字\n&#34;;<br/>&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;break;<br/>&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; case 6:<br/>&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp;if(!isEmail(thisform.value)){<br/>&nbsp;&nbsp;&nbsp;&nbsp; strmsg=strmsg+message+&#34;一定是邮件格式\n&#34;;<br/>&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;break;<br/>&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; case 7:<br/>&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp; break;<br/>&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; case 8:<br/>&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp; break;<br/>&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; case 9:<br/>&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp;if(!isInt(thisform.value)){<br/>&nbsp;&nbsp;&nbsp;&nbsp; strmsg=strmsg+message+&#34;一定是整型\n&#34;;<br/>&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;break;<br/>&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; case 10:<br/>&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp; if(!isTime(thisform.value)){<br/>&nbsp;&nbsp;&nbsp;&nbsp; strmsg=strmsg+message+&#34;一定是时间\n&#34;;<br/>&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp; break;<br/>&nbsp;&nbsp; }<br/>&nbsp;&nbsp; case 11:<br/>&nbsp;&nbsp; {<br/>&nbsp;&nbsp;&nbsp;&nbsp; //var ss = isHttp(thisform.value);<br/>&nbsp;&nbsp;&nbsp;&nbsp; //thisform.value = ss;<br/>&nbsp;&nbsp;&nbsp;&nbsp; if(!isHttp(thisform.value)){<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; strmsg=strmsg+message+&#34;网址格式不对，应该如<a href="http://www.szcly.com" target="_blank">http://www.szcly.com</a>\n&#34;;<br/>&nbsp;&nbsp;&nbsp;&nbsp; }<br/>&nbsp;&nbsp;&nbsp;&nbsp; break;<br/>&nbsp;&nbsp; }<br/>&nbsp;&nbsp;}//end switch<br/>&nbsp;&nbsp;if (isLen){<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(strlen(thisform.value)&gt;strlength){<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; strmsg=strmsg+message+&#34;字符串太长,超过&#34;+strlength+&#34;位\n&#34;;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br/>&nbsp;&nbsp;}<br/> }<br/><br/><br/> if(strmsg!=&#34;&#34;){<br/>&nbsp;&nbsp; alert(strmsg);<br/>&nbsp;&nbsp; return false;<br/> }<br/> else<br/> {<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return true;<br/> }<br/><br/>}<br/></div></div><br/>]]></description>
		</item>
		
			<item>
			<link>http://blog.mmgg.net/default.asp?id=37</link>
			<title><![CDATA[客户端静态页面玩分页]]></title>
			<author>Fly@MMGG.NET(Fly)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Fri,16 May 2008 09:23:02 +0800</pubDate>
			<guid>http://blog.mmgg.net/default.asp?id=37</guid>	
		<description><![CDATA[<div class="UBBPanel"><div class="UBBTitle"><img src="http://blog.mmgg.net/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp92200">
<!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.0 Transitional//EN&#34;>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME=&#34;Generator&#34; CONTENT=&#34;EditPlus&#34;>
<META NAME=&#34;Author&#34; CONTENT=&#34;&#34;>
<META NAME=&#34;Keywords&#34; CONTENT=&#34;&#34;>
<META NAME=&#34;Description&#34; CONTENT=&#34;&#34;>
<style>
* {
 font-size:10.2pt;
 font-family:tahoma;
 line-height:150%;
}
.divContent
{
 border:1px solid red;
 background-color:#FFD2D3;
 width:500px;
 word-break:break-all;
 margin:10px 0px 10px;
 padding:10px;
}
</style>
</HEAD>
<BODY>
header
<div id=&#34;divPagenation&#34;></div>
<div id=&#34;divContent&#34;></div>
footer
<SCRIPT LANGUAGE=&#34;JavaScript&#34;>
<!--
s=&#34;<p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p>&#34;;
function DHTMLpagenation(content) { with (this)
{
 // client static html file pagenation
 this.content=content;
 this.contentLength=content.length;
 this.pageSizeCount;
 this.perpageLength=100; //default perpage byte length.
 this.currentPage=1;
 //this.regularExp=/.+[\?\&amp;]{1}page=(\d+)/;
 this.regularExp=/\d+/;
 this.divDisplayContent;
 this.contentStyle=null;
 this.strDisplayContent=&#34;&#34;;
 this.divDisplayPagenation;
 this.strDisplayPagenation=&#34;&#34;;
 
 arguments.length==2?perpageLength=arguments[1]:'';
 try {
  divExecuteTime=document.cr&#101;ateElement(&#34;DIV&#34;);
  document.body.appendChild(divExecuteTime);
 }
 catch(e)
 {
 }
 if(document.getElementById(&#34;divContent&#34;))
 {
  divDisplayContent=document.getElementById(&#34;divContent&#34;);
 }
 else
 {
  try
  {
   divDisplayContent=document.cr&#101;ateElement(&#34;DIV&#34;);
   divDisplayContent.id=&#34;divContent&#34;;
   document.body.appendChild(divDisplayContent);
  }
  catch(e)
  {
   return false;
  }
 }
 if(document.getElementById(&#34;divPagenation&#34;))
 {
  divDisplayPagenation=document.getElementById(&#34;divPagenation&#34;);
 }
 else
 {
  try
  {
   divDisplayPagenation=document.cr&#101;ateElement(&#34;DIV&#34;);
   divDisplayPagenation.id=&#34;divPagenation&#34;;
   document.body.appendChild(divDisplayPagenation);
  }
  catch(e)
  {
   return false;
  }
 }
 DHTMLpagenation.initialize();
 return this;
 
}};
DHTMLpagenation.initialize=function() { with (this)
{
 divDisplayContent.className=contentStyle!=null?contentStyle:&#34;divContent&#34;;
 if(contentLength<=perpageLength)
 {
  strDisplayContent=content;
  divDisplayContent.innerHTML=strDisplayContent;
  return null;
 }
 pageSizeCount=Math.ceil((contentLength/perpageLength));
 DHTMLpagenation.goto(currentPage);
 DHTMLpagenation.displayContent();
}};
DHTMLpagenation.displayPage=function() { with (this)
{
 strDisplayPagenation=&#34;分页：&#34;;
 if(currentPage&amp;&amp;currentPage!=1)
  strDisplayPagenation+='<a href=&#34;javascript:void(0)&#34; onclick=&#34;DHTMLpagenation.previous()&#34;>上一页</a>&amp;nbsp;&amp;nbsp;';
 else
  strDisplayPagenation+=&#34;上一页&amp;nbsp;&amp;nbsp;&#34;;
 for(var i=1;i<=pageSizeCount;i++)
 {
  if(i!=currentPage)
   strDisplayPagenation+='<a href=&#34;javascript:void(0)&#34; onclick=&#34;DHTMLpagenation.goto('+i+');&#34;>'+i+'</a>&amp;nbsp;&amp;nbsp;';
  else
   strDisplayPagenation+=i+&#34;&amp;nbsp;&amp;nbsp;&#34;;
 }
 if(currentPage&amp;&amp;currentPage!=pageSizeCount)
  strDisplayPagenation+='<a href=&#34;javascript:void(0)&#34; onclick=&#34;DHTMLpagenation.next()&#34;>下一页</a>&amp;nbsp;&amp;nbsp;';
 else
  strDisplayPagenation+=&#34;下一页&amp;nbsp;&amp;nbsp;&#34;;
 strDisplayPagenation+=&#34;共 &#34; + pageSizeCount + &#34; 页，每页&#34; + perpageLength + &#34; 字符，调整字符数：<input type='text' value='&#34;+perpageLength+&#34;' id='ctlPerpageLength'><input type='button' value='确定' onclick='DHTMLpagenation.change(document.getElementById(\&#34;ctlPerpageLength\&#34;).value);'>&#34;;
 divDisplayPagenation.innerHTML=strDisplayPagenation;
}};
DHTMLpagenation.previous=function() { with(this)
{
 DHTMLpagenation.goto(currentPage-1);
}};
DHTMLpagenation.next=function() { with(this)
{
 DHTMLpagenation.goto(currentPage+1);
}};
DHTMLpagenation.goto=function(iCurrentPage) { with (this)
{
 startime=new Date();
 if(regularExp.test(iCurrentPage))
 {
  currentPage=iCurrentPage;
  strDisplayContent=content.substr((currentPage-1)*perpageLength,perpageLength);
 }
 else
 {
  alert(&#34;page parameter error!&#34;);
 }
 DHTMLpagenation.displayPage();
 DHTMLpagenation.displayContent();
}};
DHTMLpagenation.displayContent=function() { with (this)
{
 divDisplayContent.innerHTML=strDisplayContent;
}};
DHTMLpagenation.change=function(iPerpageLength) { with(this)
{
 if(regularExp.test(iPerpageLength))
 {
  DHTMLpagenation.perpageLength=iPerpageLength;
  DHTMLpagenation.currentPage=1;
  DHTMLpagenation.initialize();
 }
 else
 {
  alert(&#34;请输入数字&#34;);
 }
}};
// method
// DHTMLpagenation(strContent,perpageLength)
DHTMLpagenation(s,100);
//-->
</SCRIPT>
</BODY>
</HTML> 
</TEXTAREA><br/><INPUT onclick="runEx('temp92200')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp92200')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div>]]></description>
		</item>
		
			<item>
			<link>http://blog.mmgg.net/default.asp?id=36</link>
			<title><![CDATA[让网页自动穿上外套]]></title>
			<author>Fly@MMGG.NET(Fly)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Tue,13 May 2008 15:09:58 +0800</pubDate>
			<guid>http://blog.mmgg.net/default.asp?id=36</guid>	
		<description><![CDATA[进行网页设计时，许多网页都需要相同的边框图案和导航条，FrontPage给我们提供了共享边框方便设计，但是，这样也不太方便，毕竟每个网页都添加了相同的内容，无形中网页增大了，当然，对于动态网页，这不是问题，但是，如果是静态的呢？<br/><br/>怎样可以克服这个缺点，通过框架可以实现这些的，只是，框架又引来了另一个麻烦，就是如果直接打开框架内部网页，脱去了华丽的外套，是不是显得很单调，这里我们找一种好的方法，让脱去外套的网页自动穿上外套，你想到了吗？如果你对这个议题不感兴趣，你可以走开了，下面我们详细讨论。<br/><br/>在框架网页中，通常使用src参数指定框架内的网页地址，我们要做的就是，当直接打开这个地址时，让它自动监测然后再穿上外套，当然，首先要在网页内添加检测代码，如下：<br/><br/>&lt;script&gt;<br/>if(top.location==self.location)<br/>{<br/>&nbsp;&nbsp;top.location=&#34;index.htm?&#34;+self.location;<br/>}<br/>&lt;/script&gt;<br/><br/>就这么简单，注意，index.htm是外套网页地址，接下来要做的就是，怎样让外套网页自动添加这部分内容，我们要在外套网页中解析网页地址，找到参数，然后将框架src参数指向该参数就行了，代码如下：<br/><br/>&lt;script&gt;<br/>document.write(&#39;&lt;iframe id=&#34;mid&#34; name=&#34;mid&#34; width=&#34;100%&#34; height=&#34;100%&#34; frameborder=&#34;0&#34; scrolling=&#34;auto&#34;&#39;)<br/>var n=self.location.href.indexOf(&#34;?&#34;)//查看是否包含参数<br/>if(n&gt;0)//存在参数<br/>{<br/>//指向参数<br/>document.write(&#34; src=&#34;+self.location.href.substr(n+1))<br/>}<br/>document.write(&#39;&gt;&lt;/iframe&gt;&#39;)<br/>&lt;/script&gt;<br/><br/>这里使用iframe框架，具体应用可在我的网站ggg82.126.com上看到.<br/><br/>你可以打开该页的地址<a href="http://ggg82.go.nease.net/document/autotake.htm" target="_blank">http://ggg82.go.nease.net/document/autotake.htm</a>看一下效果，如有不懂的地方，也可以联系我。有什么好的看法，欢迎与我讨论．<br/>]]></description>
		</item>
		
			<item>
			<link>http://blog.mmgg.net/default.asp?id=34</link>
			<title><![CDATA[打开浏览器窗口最大化的效果]]></title>
			<author>Fly@MMGG.NET(Fly)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Mon,12 May 2008 10:52:22 +0800</pubDate>
			<guid>http://blog.mmgg.net/default.asp?id=34</guid>	
		<description><![CDATA[<div class="UBBPanel"><div class="UBBTitle"><img src="http://blog.mmgg.net/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>&lt;SCRIPT LANGUAGE=&#34;javascript&#34;&gt;<br/>function winSizer(){<br/>&#160;&#160;&#160;&#160;windowWidth = window.screen.availWidth;<br/>&#160;&#160;&#160;&#160;windowHeight = window.screen.availHeight;<br/>&#160;&#160;&#160;&#160;window.moveTo(0,0);<br/>&#160;&#160;&#160;&#160;window.resizeTo(windowWidth,windowHeight);<br/>}<br/>&lt;/SCRIPT&gt;<br/></div></div>]]></description>
		</item>
		
			<item>
			<link>http://blog.mmgg.net/default.asp?id=33</link>
			<title><![CDATA[判断远程图片是否存在，否则替换成默认图片]]></title>
			<author>Fly@MMGG.NET(Fly)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Mon,12 May 2008 10:30:40 +0800</pubDate>
			<guid>http://blog.mmgg.net/default.asp?id=33</guid>	
		<description><![CDATA[判断远程图片是否存在，不存在的话替换成默认的图片，代码如下：<div class="UBBPanel"><div class="UBBTitle"><img src="http://blog.mmgg.net/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">&lt;IMG src=&#34;<a href="http://www.163.com/images/neteaselogo.gif" target="_blank">http://www.163.com/images/neteaselogo.gif</a>&#34; onerror=&#34;javascript:this.src=&#39;<a href="http://www.jscode.cn/Images/Logo.gif" target="_blank">http://www.jscode.cn/Images/Logo.gif</a>&#39;&#34;&gt;</div></div><br/>]]></description>
		</item>
		
			<item>
			<link>http://blog.mmgg.net/default.asp?id=32</link>
			<title><![CDATA[24款较经典的Page翻页分页css代码-网页特效观止-网页特效代码|]]></title>
			<author>Fly@MMGG.NET(Fly)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Mon,12 May 2008 10:13:26 +0800</pubDate>
			<guid>http://blog.mmgg.net/default.asp?id=32</guid>	
		<description><![CDATA[<div class="UBBPanel"><div class="UBBTitle"><img src="http://blog.mmgg.net/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp8841">
<!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;>
<html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34;>

<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34;>
<meta http-equiv=&#34;Content-Language&#34; content=&#34;zh-CN&#34; />
<meta content=&#34;all&#34; name=&#34;robots&#34; />
<title>24款较经典的Page翻页分页css代码-网页特效观止-网页特效代码|JsCode.CN|</title>
<link rel=&#34;stylesheet&#34; type=&#34;text/css&#34; href=&#34;css.css&#34; media=&#34;all&#34; />
<style>
/*公共*/

BODY {
	FONT-SIZE: 12px;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;WIDTH: 60%; PADDING-LEFT: 25px;
}


/*CSS Digg style pagination*/

DIV.digg {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.digg A {
	BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
DIV.digg A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg SPAN.current {
	BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
DIV.digg SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}




/*CSS yahoo style pagination*/

DIV.yahoo {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.yahoo A {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: underline
}
DIV.yahoo A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.yahoo A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #f00; BORDER-BOTTOM: #000099 1px solid
}
DIV.yahoo SPAN.current {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #fff
}
DIV.yahoo SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}



/*CSS meneame style pagination*/

DIV.meneame {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 80%; PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #ff6500; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.meneame A {
	BORDER-RIGHT: #ff9600 1px solid; PADDING-RIGHT: 7px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ff9600 1px solid; PADDING-LEFT: 7px; BACKGROUND-IMAGE: url(meneame.jpg); PADDING-BOTTOM: 5px; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff9600 1px solid; TEXT-DECORATION: none
}
DIV.meneame A:hover {
	BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
}
DIV.meneame A:active {
	BORDER-RIGHT: #ff9600 1px solid; BORDER-TOP: #ff9600 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #ff9600 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #ff9600 1px solid; BACKGROUND-COLOR: #ffc794
}
DIV.meneame SPAN.current {
	BORDER-RIGHT: #ff6500 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ff6500 1px solid; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #ff6500 1px solid; COLOR: #ff6500; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ff6500 1px solid; BACKGROUND-COLOR: #ffbe94
}
DIV.meneame SPAN.disabled {
	BORDER-RIGHT: #ffe3c6 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ffe3c6 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffe3c6 1px solid; COLOR: #ffe3c6; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #ffe3c6 1px solid
}



/*CSS flickr style pagination*/

DIV.flickr {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.flickr A {
	BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dedfde 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none
}
DIV.flickr A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #0061de
}
DIV.meneame A:active {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #0061de
}
DIV.flickr SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #ff0084; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.flickr SPAN.disabled {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}



/*CSS sabrosus style pagination*/

DIV.sabrosus {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.sabrosus A {
	BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.sabrosus A:hover {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.current {
	BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
DIV.sabrosus SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}



/*CSS scott style pagination*/

DIV.scott {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.scott A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #88af3f; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.scott A:hover {
	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.scott A:active {
	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6
}
DIV.scott SPAN.current {
	BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #b2e05d
}
DIV.scott SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}



/*CSS quotes style pagination*/

DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}



/*CSS black style pagination*/

DIV.black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 80%; PADDING-BOTTOM: 10px; MARGIN: 3px; COLOR: #a0a0a0; PADDING-TOP: 10px; BACKGROUND-COLOR: #000; TEXT-ALIGN: center
}
DIV.black A {
	BORDER-RIGHT: #909090 1px solid; PADDING-RIGHT: 5px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #909090 1px solid; PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(bar.gif); PADDING-BOTTOM: 2px; BORDER-LEFT: #909090 1px solid; COLOR: #c0c0c0; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #909090 1px solid; TEXT-DECORATION: none
}
DIV.black A:hover {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BACKGROUND-IMAGE: url(invbar.gif); BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040
}
DIV.black A:active {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BACKGROUND-IMAGE: url(invbar.gif); BORDER-LEFT: #f0f0f0 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #f0f0f0 1px solid; BACKGROUND-COLOR: #404040
}
DIV.black SPAN.current {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffffff 1px solid; COLOR: #ffffff; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ffffff 1px solid; BACKGROUND-COLOR: #606060
}
DIV.black SPAN.disabled {
	BORDER-RIGHT: #606060 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #606060 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #606060 1px solid; COLOR: #808080; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #606060 1px solid
}




/*CSS black2 style pagination*/

DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.black2 A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}




/*CSS black-red style pagination*/

DIV.black-red {
	FONT-SIZE: 11px; COLOR: #fff; FONT-FAMILY: Tahoma, Arial, Helvetica, Sans-serif; BACKGROUND-COLOR: #3e3e3e
}
DIV.black-red A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #3e3e3e; TEXT-DECORATION: none
}
DIV.black-red A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #ec5210
}
DIV.black-red A:active {
	COLOR: #fff; BACKGROUND-COLOR: #ec5210
}
DIV.black-red SPAN.current {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #313131
}
DIV.black-red SPAN.disabled {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #868686; PADDING-TOP: 2px; BACKGROUND-COLOR: #3e3e3e
}




/*CSS grayr style pagination*/

DIV.grayr {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: Tahoma, Arial, Helvetica, Sans-serif; BACKGROUND-COLOR: #c1c1c1
}
DIV.grayr A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #000; PADDING-TOP: 2px; BACKGROUND-COLOR: #c1c1c1; TEXT-DECORATION: none
}
DIV.grayr A:hover {
	COLOR: #000; BACKGROUND-COLOR: #99ffff
}
DIV.grayr A:active {
	COLOR: #000; BACKGROUND-COLOR: #99ffff
}
DIV.grayr SPAN.current {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #303030; PADDING-TOP: 2px; BACKGROUND-COLOR: #fff
}
DIV.grayr SPAN.disabled {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; COLOR: #797979; PADDING-TOP: 2px; BACKGROUND-COLOR: #c1c1c1
}




/*CSS yellow style pagination*/

DIV.yellow {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center
}
DIV.yellow A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.yellow A:hover {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow A:active {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow SPAN.current {
	BORDER-RIGHT: #d9d300 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d9d300 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #d9d300 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d300 1px solid; BACKGROUND-COLOR: #d9d300
}
DIV.yellow SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}



/*CSS jogger style pagination*/

DIV.jogger {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 7px; PADDING-TOP: 2px; FONT-FAMILY: &#34;Lucida Sans Unicode&#34;, &#34;Lucida Grande&#34;, LucidaGrande, &#34;Lucida Sans&#34;, Geneva, Verdana, sans-serif
}
DIV.jogger A {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #ee4e4e; TEXT-DECORATION: none
}
DIV.jogger A:hover {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818
}
DIV.jogger A:active {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818
}
DIV.jogger SPAN.current {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #6d643c; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #f6efcc
}
DIV.jogger SPAN.disabled {
	DISPLAY: none
}



/*CSS starcraft2 style pagination*/

DIV.starcraft2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 13.5pt; PADDING-BOTTOM: 3px; MARGIN: 3px; COLOR: #fff; PADDING-TOP: 3px; FONT-FAMILY: Arial; BACKGROUND-COLOR: #000; TEXT-ALIGN: center
}
DIV.starcraft2 A {
	MARGIN: 2px; COLOR: #fa0; BACKGROUND-COLOR: #000; TEXT-DECORATION: none
}
DIV.starcraft2 A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #000
}
DIV.starcraft2 A:active {
	COLOR: #fff; BACKGROUND-COLOR: #000
}
DIV.starcraft2 SPAN.current {
	FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #000
}
DIV.starcraft2 SPAN.disabled {
	MARGIN: 2px; COLOR: #444; BACKGROUND-COLOR: #000
}



/*CSS tres style pagination*/

DIV.tres {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 13.2pt; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
DIV.tres A {
	BORDER-RIGHT: #d9d300 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d9d300 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #d9d300 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d300 2px solid; BACKGROUND-COLOR: #d90; TEXT-DECORATION: none
}
DIV.tres A:hover {
	BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid; BORDER-LEFT: #ff0 2px solid; COLOR: #000; BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0
}
DIV.tres A:active {
	BORDER-RIGHT: #ff0 2px solid; BORDER-TOP: #ff0 2px solid; BORDER-LEFT: #ff0 2px solid; COLOR: #000; BORDER-BOTTOM: #ff0 2px solid; BACKGROUND-COLOR: #ff0
}
DIV.tres SPAN.current {
	BORDER-RIGHT: #fff 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 2px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 2px solid
}
DIV.tres SPAN.disabled {
	DISPLAY: none
}



/*CSS megas512 style pagination*/

DIV.megas512 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.megas512 A {
	BORDER-RIGHT: #dedfde 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #dedfde 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; BORDER-LEFT: #dedfde 1px solid; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #dedfde 1px solid; TEXT-DECORATION: none
}
DIV.megas512 A:hover {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #777777
}
DIV.megas512 A:active {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000 1px solid; BACKGROUND-COLOR: #777777
}
DIV.megas512 SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #99210b; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.megas512 SPAN.disabled {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; COLOR: #adaaad; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}



/*CSS technorati style pagination*/

DIV.technorati {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.technorati A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: rgb(66,97,222); MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.technorati A:hover {
	BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df
}
DIV.technorati A:active {
	BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df
}
DIV.technorati SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.technorati SPAN.disabled {
	DISPLAY: none
}



/*CSS youtube style pagination*/

DIV.youtube {
	PADDING-RIGHT: 6px; BORDER-TOP: #9c9a9c 1px dotted; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; COLOR: #313031; PADDING-TOP: 4px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cecfce; TEXT-ALIGN: right
}
DIV.youtube A {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; MARGIN: 0px 1px; COLOR: #0030ce; PADDING-TOP: 1px; TEXT-DECORATION: underline
}
DIV.youtube A:hover {
	
}
DIV.youtube A:active {
	
}
DIV.youtube SPAN.current {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; COLOR: #000; PADDING-TOP: 1px; BACKGROUND-COLOR: #fff
}
DIV.youtube SPAN.disabled {
	DISPLAY: none
}




/*CSS msdn style pagination*/

DIV.msdn {
	PADDING-RIGHT: 6px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; COLOR: #313031; PADDING-TOP: 4px; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-Serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: right
}
DIV.msdn A {
	BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0030ce; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; TEXT-DECORATION: none
}
DIV.msdn A:hover {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.pagination A:active {
	BORDER-RIGHT: #b7d8ee 1px solid; BORDER-TOP: #b7d8ee 1px solid; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #0066a7; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.current {
	BORDER-RIGHT: #b7d8ee 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #b7d8ee 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; MARGIN: 0px 3px; BORDER-LEFT: #b7d8ee 1px solid; COLOR: #444444; PADDING-TOP: 5px; BORDER-BOTTOM: #b7d8ee 1px solid; BACKGROUND-COLOR: #d2eaf6
}
DIV.msdn SPAN.disabled {
	DISPLAY: none
}




/*CSS badoo style pagination*/

DIV.badoo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 10px; COLOR: #48b9ef; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
DIV.badoo A {
	BORDER-RIGHT: #f0f0f0 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #f0f0f0 2px solid; COLOR: #48b9ef; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f0f0 2px solid; TEXT-DECORATION: none
}
DIV.badoo A:hover {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo A:active {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #ff5a00; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo SPAN.current {
	BORDER-RIGHT: #ff5a00 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff5a00 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff5a00 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ff5a00 2px solid; BACKGROUND-COLOR: #ff6c16
}
DIV.badoo SPAN.disabled {
	DISPLAY: none
}





/*CSS manu style pagination*/

.manu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.manu A {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #036cb4; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; TEXT-DECORATION: none
}
.manu A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .current {
	BORDER-RIGHT: #036cb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #036cb4 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #036cb4 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #036cb4 1px solid; BACKGROUND-COLOR: #036cb4
}
.manu .disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}






/*CSS green-black style pagination*/

DIV.green-black {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.green-black A {
	BORDER-RIGHT: #2c2c2c 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2c2c2c 1px solid; PADDING-LEFT: 5px; BACKGROUND: url(images/pageimage1.gif) #2c2c2c; PADDING-BOTTOM: 2px; BORDER-LEFT: #2c2c2c 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2c2c2c 1px solid; TEXT-DECORATION: none
}
DIV.green-black A:hover {
	BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(images/pageimage2.gif) #aad83e; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black A:active {
	BORDER-RIGHT: #aad83e 1px solid; BORDER-TOP: #aad83e 1px solid; BACKGROUND: url(images/pageimage2.gif) #aad83e; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black SPAN.current {
	BORDER-RIGHT: #aad83e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aad83e 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: url(images/pageimage2.gif) #aad83e; PADDING-BOTTOM: 2px; BORDER-LEFT: #aad83e 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #aad83e 1px solid
}
DIV.green-black SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}






/*CSS viciao style pagination*/

DIV.viciao {
	MARGIN-TOP: 20px; MARGIN-BOTTOM: 10px
}
DIV.viciao A {
	BORDER-RIGHT: #8db5d7 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #8db5d7 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #8db5d7 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #8db5d7 1px solid; TEXT-DECORATION: none
}
DIV.viciao A:hover {
	BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid
}
DIV.viciao A:active {
	BORDER-RIGHT: red 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: red 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: red 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: red 1px solid
}
DIV.viciao SPAN.current {
	BORDER-RIGHT: #e89954 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e89954 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e89954 1px solid; COLOR: #000; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e89954 1px solid; BACKGROUND-COLOR: #ffca7d
}
DIV.viciao SPAN.disabled {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid
}





/*CSS yahoo2 style pagination*/

DIV.yahoo2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 0.85em; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Helvetica,sans-serif; TEXT-ALIGN: center
}
DIV.yahoo2 A {
	BORDER-RIGHT: #ccdbe4 1px solid; PADDING-RIGHT: 8px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccdbe4 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccdbe4 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccdbe4 1px solid; TEXT-DECORATION: none
}
DIV.yahoo2 A:hover {
	BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
DIV.yahoo2 A:active {
	BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
DIV.yahoo2 SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.yahoo2 SPAN.disabled {
	DISPLAY: none
}
DIV.yahoo2 A.next {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 0px 0px 10px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.next:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}
DIV.yahoo2 A.prev {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 10px 0px 0px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.prev:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}
</style>
</head>

<body>

<p><a href=&#34;<a href="http://www.digg.com" target="_blank">http://www.digg.com</a>&#34;>Digg</a> Style </p>
<div class=&#34;digg&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href=&#34;<a href="http://www.yahoo.com" target="_blank">http://www.yahoo.com</a>&#34;>Yahoo</a> Style </p>
<div class=&#34;yahoo&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href=&#34;<a href="http://www.yahoo.com" target="_blank">http://www.yahoo.com</a>&#34;>New Yahoo!</a> Style </p>
<div class=&#34;yahoo2&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; Prev</span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;>Next 
	&amp;gt;</a></div>
<p></p>
<br />
<br />
<br />
<p><a href=&#34;<a href="http://www.meneame.net" target="_blank">http://www.meneame.net</a>&#34;>Meneame</a> Style </p>
<div class=&#34;meneame&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href=&#34;<a href="http://www.flickr.com" target="_blank">http://www.flickr.com</a>&#34;>Flickr</a> Style </p>
<div class=&#34;flickr&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href=&#34;<a href="http://sabros.us" target="_blank">http://sabros.us</a>&#34;>Sabros.us</a> Style </p>
<div class=&#34;sabrosus&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>Green Style </p>
<div class=&#34;scott&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>Gray Style </p>
<div class=&#34;quotes&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>Black Style </p>
<div class=&#34;black&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href=&#34;<a href="http://www.mis-algoritmos.com" target="_blank">http://www.mis-algoritmos.com</a>&#34;>Mis Algoritmos</a> Style </p>
<div class=&#34;black2&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>Black-Red Style </p>
<div style=&#34;padding-top:10px;padding-bottom:10px;background-color:#313131;&#34;>
	<div class=&#34;black-red&#34;>
		<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
		&amp;gt; </a></div>
</div>
<p></p>
<br />
<br />
<br />
<p>Gray Style 2 </p>
<div class=&#34;grayr&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>Yellow Style </p>
<div class=&#34;yellow&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href=&#34;<a href="http://jogger.pl/" target="_blank">http://jogger.pl/</a>&#34;>jogger</a> Style </p>
<div class=&#34;jogger&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href=&#34;<a href="http://eu.starcraft2.com/screenshots.xml" target="_blank">http://eu.starcraft2.com/screenshots.xml</a>&#34;>starcraft 2</a> Style </p>
<div class=&#34;starcraft2&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>Tres Style </p>
<div class=&#34;tres&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href=&#34;<a href="http://www.512megas.com" target="_blank">http://www.512megas.com</a>&#34;>512megas</a> Style </p>
<div class=&#34;megas512&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href=&#34;<a href="http://www.technorati.com/" target="_blank">http://www.technorati.com/</a>&#34;>Technorati</a> Style </p>
<div class=&#34;technorati&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; </span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;> 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href=&#34;<a href="http://www.youtube.com/" target="_blank">http://www.youtube.com/</a>&#34;>YouTube</a> Style </p>
<div class=&#34;youtube&#34;>
	<span class=&#34;disabled&#34;>Prev</span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;>Next</a></div>
<p></p>
<br />
<br />
<br />
<p><a href=&#34;<a href="http://search.msdn.microsoft.com/" target="_blank">http://search.msdn.microsoft.com/</a>&#34;>MSDN Search</a> Style </p>
<div class=&#34;msdn&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; Prev</span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;>Next 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p><a href=&#34;<a href="http://badoo.com/" target="_blank">http://badoo.com/</a>&#34;>Badoo</a> </p>
<div class=&#34;badoo&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; Prev</span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;>Next 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>Blue Style </p>
<div class=&#34;manu&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; Prev</span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;>Next 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>Green-Black Style </p>
<div class=&#34;green-black&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; Prev</span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;>Next 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<p>viciao Style </p>
<div class=&#34;viciao&#34;>
	<span class=&#34;disabled&#34;>&amp;lt; Prev</span><span class=&#34;current&#34;>1</span><a href=&#34;#?page=2&#34;>2</a><a href=&#34;#?page=3&#34;>3</a><a href=&#34;#?page=4&#34;>4</a><a href=&#34;#?page=5&#34;>5</a><a href=&#34;#?page=6&#34;>6</a><a href=&#34;#?page=7&#34;>7</a>...<a href=&#34;#?page=199&#34;>199</a><a href=&#34;#?page=200&#34;>200</a><a href=&#34;#?page=2&#34;>Next 
	&amp;gt; </a></div>
<p></p>
<br />
<br />
<br />
<br />
原出处:<a href="http://www.mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/" target="_blank">http://www.mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/</a></p>
<br />
<br />
<br />

</body>

</html>

</TEXTAREA><br/><INPUT onclick="runEx('temp8841')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp8841')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div>]]></description>
		</item>
		
			<item>
			<link>http://blog.mmgg.net/default.asp?id=31</link>
			<title><![CDATA[脚本控制三行三列自适应高度DIV布局 ]]></title>
			<author>Fly@MMGG.NET(Fly)</author>
			<category><![CDATA[JavaScript]]></category>
			<pubDate>Tue,06 May 2008 12:23:54 +0800</pubDate>
			<guid>http://blog.mmgg.net/default.asp?id=31</guid>	
		<description><![CDATA[<div class="UBBPanel"><div class="UBBTitle"><img src="http://blog.mmgg.net/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp30437">
<html>
<head>
<title>脚本控制三行三列自适应高度DIV布局</title>
<script  type=&#34;text/javascript&#34;>
function P7_colH()
{
var i,oh,hh,h=0,dA=document.p7eqc,an=document.p7eqa;if(dA&amp;&amp;dA.length){
for(i=0;i<dA.length;i++){dA[i].style.height='auto';}for(i=0;i<dA.length;i++){
oh=dA[i].offsetHeight;h=(oh>h)?oh:h;}for(i=0;i<dA.length;i++){if(an){
dA[i].style.height=h+'px';}else{P7_eqA(dA[i].id,dA[i].offsetHeight,h);}}if(an){
for(i=0;i<dA.length;i++){hh=dA[i].offsetHeight;if(hh>h){
dA[i].style.height=(h-(hh-h))+'px';}}}else{document.p7eqa=1;}
document.p7eqth=document.body.offsetHeight;
document.p7eqtw=document.body.offsetWidth;}
}
function P7_eqT()
{
if(document.p7eqth!=document.body.offsetHeight||document.p7eqtw! =document.body.offsetWidth){
P7_colH();}
}
function P7_equalCols()
{
if(document.getElementById){document.p7eqc=new Array;for(i=0;i<arguments.length;i++){
document.p7eqc[i]=document.getElementById(arguments[i]);} setInterval(&#34;P7_eqT()&#34;,10);}
}
function P7_eqA(el,h,ht)
{
var sp=10,inc=10,nh=h,g=document.getElementById(el),oh=g.offsetHeight,ch=parseInt(g.style.height) ;
ch=(ch)?ch:h;var ad=oh-ch,adT=ht-ad;nh+=inc;nh=(nh>adT)?adT:nh;g.style.height=nh+'px';
oh=g.offsetHeight;if(oh>ht){nh=(ht-(oh-ht));g.style.height=nh+'px';}
if(nh<adT){setTimeout(&#34;P7_eqA('&#34;+el+&#34;',&#34;+nh+&#34;,&#34;+ht+&#34;) &#34;,sp);}
}
</script>
<style type=&#34;text/css&#34;>
<!--
body{
font-size: 75%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height: 100%;
margin: 5px;
padding: 0px;
}
#header,#mid,#footer{
width: 760px;
margin: 0px auto;
padding: 0px;
}
#header{
background: #F4F4F4;
height: 60px;
margin-bottom: 5px;
}
h3,h5{
padding-top: 25px;
color: #708090;
text-align: center;
margin: 0;
}
#fbox{
background: #F1F1F1;
width: 195px;
float: left;
}
#mbox{
background: #DFF7FF;
margin: 0px 5px 0px;
padding: 0px;
float: left;
width: 360px;
}
#sbox{
background: #FFEBCC;
width: 195px;
float: right;
}
p{
margin: 0px;
padding: 10px;
text-indent: 2em;
line-height: 130%;
}
#footer{
background: #CDDBED;
border-top: solid 5px #FFFFFF;
text-align: center;
height: 60px;
clear: both;
}
-->
</style>
</head>
<body onload=&#34;P7_equalCols('fbox','mbox','sbox')&#34;>
<div id=&#34;header&#34;><h3>脚本控制三行三列自适应高度DIV布局</h3></div>
<div id=&#34;mid&#34;>
<div id=&#34;fbox&#34;><p>
亲和力指的并不只是关于盲人和屏幕阅读器。还有许多人虽然不是盲人，但是有视力障碍 - 你我变老时就会成为他们的一员。
使网站变得更具亲和力的一个最简单的方法就是允许用户改变文字大小；拒绝提供这样的选择就剥夺了用户的主导权，很可能使用户无法舒适地阅读。
</p><p>
亲和力指的并不只是关于盲人和屏幕阅读器。还有许多人虽然不是盲人，但是有视力障碍 - 你我变老时就会成为他们的一员。
使网站变得更具亲和力的一个最简单的方法就是允许用户改变文字大小；拒绝提供这样的选择就剥夺了用户的主导权，很可能使用户无法舒适地阅读。
</p></div>
<div id=&#34;mbox&#34;><p>
亲和力指的并不只是关于盲人和屏幕阅读器。还有许多人虽然不是盲人，但是有视力障碍 - 你我变老时就会成为他们的一员。
使网站变得更具亲和力的一个最简单的方法就是允许用户改变文字大小；拒绝提供这样的选择就剥夺了用户的主导权，很可能使用户无法舒适地阅读。
</p>
<p>
如果设计者使用像素为单位指定文字大小，大多数的用户将无法缩放文字，因为 Internet Explorer 改变文字大小的方式与别的浏览器不同。Mozilla 和 Opera 可以缩放已经设定像素大小的文字，而Windows 下的IE却不能。
</p>
<p>
亲和力指的并不只是关于盲人和屏幕阅读器。还有许多人虽然不是盲人，但是有视力障碍 - 你我变老时就会成为他们的一员。
使网站变得更具亲和力的一个最简单的方法就是允许用户改变文字大小；拒绝提供这样的选择就剥夺了用户的主导权，很可能使用户无法舒适地阅读。
</p>
<p>
如果设计者使用像素为单位指定文字大小，大多数的用户将无法缩放文字，因为 Internet Explorer 改变文字大小的方式与别的浏览器不同。Mozilla 和 Opera 可以缩放已经设定像素大小的文字，而Windows 下的IE却不能。
</p>
</div><div id=&#34;sbox&#34;><p>
亲和力指的并不只是关于盲人和屏幕阅读器。还有许多人虽然不是盲人，但是有视力障碍 - 你我变老时就会成为他们的一员。
使网站变得更具亲和力的一个最简单的方法就是允许用户改变文字大小；拒绝提供这样的选择就剥夺了用户的主导权，很可能使用户无法舒适地阅读。
</p></div>
</div>
<div id=&#34;footer&#34;><h5>仅供演示  <a href=&#34;javascript:history.back()&#34;>Back</a></h5><script src=&#34;/js/copy.js&#34; type=&#34;text/javascript&#34;></script></div>
</body>
</html></TEXTAREA><br/><INPUT onclick="runEx('temp30437')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp30437')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div>]]></description>
		</item>
		
</channel>
</rss>