﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-小码哥-文章分类-HTML</title><link>http://www.blogjava.net/canvas/category/31287.html</link><description>谁谓河广，一苇杭之</description><language>zh-cn</language><lastBuildDate>Fri, 24 Feb 2012 21:49:48 GMT</lastBuildDate><pubDate>Fri, 24 Feb 2012 21:49:48 GMT</pubDate><ttl>60</ttl><item><title>openlayers小结(有参考项目代码)</title><link>http://www.blogjava.net/canvas/articles/how_to_do_with_openlayers.html</link><dc:creator>Barrie</dc:creator><author>Barrie</author><pubDate>Mon, 11 Oct 2010 12:42:00 GMT</pubDate><guid>http://www.blogjava.net/canvas/articles/how_to_do_with_openlayers.html</guid><wfw:comment>http://www.blogjava.net/canvas/comments/333731.html</wfw:comment><comments>http://www.blogjava.net/canvas/articles/how_to_do_with_openlayers.html#Feedback</comments><slash:comments>10</slash:comments><wfw:commentRss>http://www.blogjava.net/canvas/comments/commentRss/333731.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/canvas/services/trackbacks/333731.html</trackback:ping><description><![CDATA[&nbsp;&nbsp;&nbsp;&nbsp; 摘要: 最近一段时间里，又做了一个跟openlayers相关的项目，但是到目前为止，我对openlayers还是不怎么了解，做东西也只是参考了openlayers的例子，以及自己的一些对openlayers用法的一些猜测。openlayers是一个用js实现的GIS前端框架，我的js目前还是打酱油的水平，要是没有jquery，那就基本写不了几行js代码了。js那是相当的强大，再加上VML\SVG、HTML...&nbsp;&nbsp;<a href='http://www.blogjava.net/canvas/articles/how_to_do_with_openlayers.html'>阅读全文</a><img src ="http://www.blogjava.net/canvas/aggbug/333731.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/canvas/" target="_blank">Barrie</a> 2010-10-11 20:42 <a href="http://www.blogjava.net/canvas/articles/how_to_do_with_openlayers.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>使用jquery+jQuery Cycle Plugin实现MSN首页图片滑动切换效果</title><link>http://www.blogjava.net/canvas/articles/jquery-msn.html</link><dc:creator>Barrie</dc:creator><author>Barrie</author><pubDate>Thu, 09 Jul 2009 15:20:00 GMT</pubDate><guid>http://www.blogjava.net/canvas/articles/jquery-msn.html</guid><wfw:comment>http://www.blogjava.net/canvas/comments/286163.html</wfw:comment><comments>http://www.blogjava.net/canvas/articles/jquery-msn.html#Feedback</comments><slash:comments>2</slash:comments><wfw:commentRss>http://www.blogjava.net/canvas/comments/commentRss/286163.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/canvas/services/trackbacks/286163.html</trackback:ping><description><![CDATA[初学jquery，觉得很好玩。欢迎拍砖指正<br />
我实现的效果截图<br />
<br />
<img src="http://www.blogjava.net/images/blogjava_net/canvas/my.png" alt="" border="0" /><br />
<br />
msn的效果截图<br />
<img src="http://www.blogjava.net/images/blogjava_net/canvas/msn.png" alt="" border="0" /><br />
<br />
全部是js实现的，效果还不错，可以IE7，ff3，Chrome上正常运行,这里是demo[<a href="http://202.113.13.58:10204/js/">查看</a>]<br />
<iframe style="display:block;width:350px;height:250px;border: 0px none ;" src="http://202.113.13.58:10204/js/"></iframe>
其中使用了jquery1.3.2[<a href="http://jquery.com/">下载</a>]，jquery.cycle.all.js[<a href="http://www.malsup.com/jquery/cycle/">下载</a>]
所有文件在这里[<a href="http://www.blogjava.net/Files/canvas/js%E5%88%87%E6%8D%A2%E5%9B%BE%E7%89%87.zip">下载</a>]<br />
<br />
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #008080;">&nbsp;1</span>&nbsp;<span style="color: #800000;">body&nbsp;</span><span style="color: #000000;">{</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">&nbsp;2</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;font-family</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;Arial,&nbsp;Helvetica,&nbsp;sans-serif</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">&nbsp;3</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;font-size</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;12px</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">&nbsp;4</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;font-style</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;normal</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">&nbsp;5</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;line-height</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;normal</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">&nbsp;6</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;font-weight</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;normal</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">&nbsp;7</span>&nbsp;<span style="color: #000000;">}</span><span style="color: #800000;"><br />
</span><span style="color: #008080;">&nbsp;8</span>&nbsp;<span style="color: #800000;">.clear</span><span style="color: #000000;">{</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">&nbsp;9</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;clear</span><span style="color: #000000;">:</span><span style="color: #0000ff;">both</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">10</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;height</span><span style="color: #000000;">:</span><span style="color: #0000ff;">0px</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">11</span>&nbsp;<span style="color: #000000;">}</span><span style="color: #800000;"><br />
</span><span style="color: #008080;">12</span>&nbsp;<span style="color: #800000;">.hot&nbsp;</span><span style="color: #000000;">{</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">13</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;background-color</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;#F7F7F7</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">14</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;height</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;227px</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">15</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;width</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;302px</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">16</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;border</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;1px&nbsp;solid&nbsp;#DEDEDE</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">17</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;padding-right</span><span style="color: #000000;">:</span><span style="color: #0000ff;">5px</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">18</span>&nbsp;<span style="color: #000000;">}</span><span style="color: #800000;"><br />
</span><span style="color: #008080;">19</span>&nbsp;<span style="color: #800000;"><br />
</span><span style="color: #008080;">20</span>&nbsp;<span style="color: #800000;">.hot_pic&nbsp;</span><span style="color: #000000;">{</span><span style="color: #ff0000;">&nbsp;&nbsp;<br />
</span><span style="color: #008080;">21</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;height</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;&nbsp;190px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;&nbsp;<br />
</span><span style="color: #008080;">22</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;width</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;&nbsp;&nbsp;250px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;&nbsp;<br />
</span><span style="color: #008080;">23</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;padding</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;0</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;&nbsp;<br />
</span><span style="color: #008080;">24</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;margin</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;&nbsp;0</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;<br />
</span><span style="color: #008080;">25</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;float</span><span style="color: #000000;">:</span><span style="color: #0000ff;">left</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">26</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;clear</span><span style="color: #000000;">:</span><span style="color: #0000ff;">left</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">27</span>&nbsp;<span style="color: #000000;">}</span><span style="color: #800000;">&nbsp;<br />
</span><span style="color: #008080;">28</span>&nbsp;<span style="color: #800000;">&nbsp;<br />
</span><span style="color: #008080;">29</span>&nbsp;<span style="color: #800000;">.hot_pic&nbsp;img&nbsp;</span><span style="color: #000000;">{</span><span style="color: #ff0000;">&nbsp;&nbsp;<br />
</span><span style="color: #008080;">30</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;background-color</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;#eee</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;&nbsp;<br />
</span><span style="color: #008080;">31</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;width</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;&nbsp;240px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;<br />
</span><span style="color: #008080;">32</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;height</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;180px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;<br />
</span><span style="color: #008080;">33</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;top</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;&nbsp;0</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;<br />
</span><span style="color: #008080;">34</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;left</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;0&nbsp;</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">35</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;padding</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;5px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;&nbsp;<br />
</span><span style="color: #008080;">36</span>&nbsp;<span style="color: #000000;">}</span><span style="color: #800000;">&nbsp;<br />
</span><span style="color: #008080;">37</span>&nbsp;<span style="color: #800000;">.hot_thumb</span><span style="color: #000000;">{</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">38</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;float</span><span style="color: #000000;">:</span><span style="color: #0000ff;">right</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">39</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;clear</span><span style="color: #000000;">:</span><span style="color: #0000ff;">right</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;<br />
</span><span style="color: #008080;">40</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;height</span><span style="color: #000000;">:</span><span style="color: #0000ff;">190px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;&nbsp;<br />
</span><span style="color: #008080;">41</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;width</span><span style="color: #000000;">:</span><span style="color: #0000ff;">52px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;<br />
</span><span style="color: #008080;">42</span>&nbsp;<span style="color: #000000;">}</span><span style="color: #800000;"><br />
</span><span style="color: #008080;">43</span>&nbsp;<span style="color: #800000;">.hot_thumb&nbsp;a&nbsp;</span><span style="color: #000000;">{</span><span style="color: #ff0000;">&nbsp;width</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;52px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;height</span><span style="color: #000000;">:</span><span style="color: #0000ff;">48px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;display</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;block</span><span style="color: #000000;">;</span><span style="color: #ff0000;">padding-top</span><span style="color: #000000;">:</span><span style="color: #0000ff;">0px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">margin-top</span><span style="color: #000000;">:</span><span style="color: #0000ff;">0px</span><span style="color: #000000;">;</span><span style="color: #000000;">}</span><span style="color: #800000;"><br />
</span><span style="color: #008080;">44</span>&nbsp;<span style="color: #800000;">.hot_thumb&nbsp;a.activeSlide&nbsp;</span><span style="color: #000000;">{</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">45</span>&nbsp;<span style="color: #ff0000;">&nbsp;&nbsp;&nbsp;&nbsp;background-image</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;url(activeSlide.png)</span><span style="color: #000000;">;</span><span style="color: #ff0000;"><br />
</span><span style="color: #008080;">46</span>&nbsp;<span style="color: #000000;">}</span><span style="color: #800000;"><br />
</span><span style="color: #008080;">47</span>&nbsp;<span style="color: #800000;">.hot_thumb&nbsp;a:focus&nbsp;</span><span style="color: #000000;">{</span><span style="color: #ff0000;">&nbsp;outline</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;none</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;</span><span style="color: #000000;">}</span><span style="color: #800000;"><br />
</span><span style="color: #008080;">48</span>&nbsp;<span style="color: #800000;">.hot_thumb&nbsp;img&nbsp;</span><span style="color: #000000;">{</span><span style="color: #ff0000;">&nbsp;border</span><span style="color: #000000;">:</span><span style="color: #0000ff;">&nbsp;none</span><span style="color: #000000;">;</span><span style="color: #ff0000;">&nbsp;margin-top</span><span style="color: #000000;">:</span><span style="color: #0000ff;">4px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">margin-right</span><span style="color: #000000;">:</span><span style="color: #0000ff;">4px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">margin-bottom</span><span style="color: #000000;">:</span><span style="color: #0000ff;">4px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">margin-left</span><span style="color: #000000;">:</span><span style="color: #0000ff;">8px</span><span style="color: #000000;">;</span><span style="color: #000000;">}</span><span style="color: #800000;"><br />
</span><span style="color: #008080;">49</span>&nbsp;<span style="color: #800000;"><br />
</span><span style="color: #008080;">50</span>&nbsp;<span style="color: #800000;">.hot_title&nbsp;p</span><span style="color: #000000;">{</span><span style="color: #ff0000;">margin</span><span style="color: #000000;">:</span><span style="color: #0000ff;">0&nbsp;0</span><span style="color: #000000;">;</span><span style="color: #ff0000;">line-height</span><span style="color: #000000;">:</span><span style="color: #0000ff;">18px</span><span style="color: #000000;">;</span><span style="color: #ff0000;">padding-left</span><span style="color: #000000;">:</span><span style="color: #0000ff;">5px</span><span style="color: #000000;">;</span><span style="color: #000000;">}</span><span style="color: #800000;"><br />
</span><span style="color: #008080;">51</span>&nbsp;</div>
<br />
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #008080;">&nbsp;1</span>&nbsp;<span style="color: #000000;">&lt;</span><span style="color: #000000;">script&nbsp;type</span><span style="color: #000000;">=</span><span style="color: #000000;">"</span><span style="color: #000000;">text/javascript</span><span style="color: #000000;">"</span><span style="color: #000000;">&nbsp;</span><span style="color: #000000;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">&nbsp;2</span>&nbsp;<span style="color: #000000;">$(document).ready(</span><span style="color: #0000ff;">function</span><span style="color: #000000;">(){<br />
</span><span style="color: #008080;">&nbsp;3</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;<br />
</span><span style="color: #008080;">&nbsp;4</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000;">/*</span><span style="color: #008000;">使用服务器端生成代码,id要与后面的class="hot_pic"内的图片对应</span><span style="color: #008000;">*/</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">&nbsp;5</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000;">/*</span><span style="color: #008000;">也可以可以使JSON</span><span style="color: #008000;">*/</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">&nbsp;6</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">var</span><span style="color: #000000;">&nbsp;data&nbsp;</span><span style="color: #000000;">=</span><span style="color: #000000;">&nbsp;[];<br />
</span><span style="color: #008080;">&nbsp;7</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;data['img_4']&nbsp;</span><span style="color: #000000;">=</span><span style="color: #000000;">{'news_title':'京地铁4号线女员工媲美&#8220;空姐&#8221;','news_abs':'首末车时间确定，8月邀沿线居民试乘','news_url':'http:</span><span style="color: #008000;">//</span><span style="color: #008000;">msn.china.ynet.com/view.jsp?oid=53769752'};</span><span style="color: #008000;"><br />
</span><span style="color: #008080;">&nbsp;8</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;data['img_3']&nbsp;</span><span style="color: #000000;">=</span><span style="color: #000000;">{'news_title':'周迅全智贤惊艳巴黎时装周','news_abs':'两美女同选黑色小礼服，周迅红唇抢眼','news_url':'http:</span><span style="color: #008000;">//</span><span style="color: #008000;">msn.ent.ynet.com/view.jsp?oid=53794257'};</span><span style="color: #008000;"><br />
</span><span style="color: #008080;">&nbsp;9</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;data['img_1']&nbsp;</span><span style="color: #000000;">=</span><span style="color: #000000;">{'news_title':'&nbsp;黄志忠做客MSN星月对话(视频)','news_abs':'&nbsp;经典杨立仁，直播现场表演天津快板','news_url':'http:</span><span style="color: #008000;">//</span><span style="color: #008000;">info.msn.com.cn/interview_subject/33718.shtml'};</span><span style="color: #008000;"><br />
</span><span style="color: #008080;">10</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;data['img_2']&nbsp;</span><span style="color: #000000;">=</span><span style="color: #000000;">{'news_title':'&nbsp;令人惊叹的野生世界','news_abs':'&nbsp;五色鸟守着巢穴，美洲豹偷窥邻居','news_url':'http:</span><span style="color: #008000;">//</span><span style="color: #008000;">msn.tech.ynet.com/pic.jsp?oid=53794462'};</span><span style="color: #008000;"><br />
</span><span style="color: #008080;">11</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;<br />
</span><span style="color: #008080;">12</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000;">/*</span><span style="color: #008000;">使用jQuery&nbsp;Cycle&nbsp;Plugin</span><span style="color: #008000;">*/</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">13</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;$('.hot_pic').cycle({&nbsp;<br />
</span><span style="color: #008080;">14</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fx:&nbsp;&nbsp;&nbsp;&nbsp;'fade',&nbsp;<br />
</span><span style="color: #008080;">15</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pause:&nbsp;&nbsp;</span><span style="color: #000000;">1</span><span style="color: #000000;">&nbsp;,<br />
</span><span style="color: #008080;">16</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pager:&nbsp;&nbsp;'.hot_thumb',&nbsp;<br />
</span><span style="color: #008080;">17</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pagerAnchorBuilder:&nbsp;</span><span style="color: #0000ff;">function</span><span style="color: #000000;">(idx,&nbsp;slide)&nbsp;{&nbsp;<br />
</span><span style="color: #008080;">18</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">return</span><span style="color: #000000;">&nbsp;'</span><span style="color: #000000;">&lt;</span><span style="color: #000000;">a&nbsp;href</span><span style="color: #000000;">=</span><span style="color: #000000;">"</span><span style="color: #000000;">#</span><span style="color: #000000;">"</span><span style="color: #000000;">&gt;&lt;</span><span style="color: #000000;">img&nbsp;src</span><span style="color: #000000;">=</span><span style="color: #000000;">"</span><span style="color: #000000;">'&nbsp;+&nbsp;slide.src&nbsp;+&nbsp;'</span><span style="color: #000000;">"</span><span style="color: #000000;">&nbsp;width</span><span style="color: #000000;">=</span><span style="color: #000000;">"</span><span style="color: #000000;">40px</span><span style="color: #000000;">"</span><span style="color: #000000;">&nbsp;height</span><span style="color: #000000;">=</span><span style="color: #000000;">"</span><span style="color: #000000;">40px</span><span style="color: #000000;">"</span><span style="color: #000000;">&nbsp;</span><span style="color: #000000;">/&gt;&lt;/</span><span style="color: #000000;">a</span><span style="color: #000000;">&gt;</span><span style="color: #000000;">';&nbsp;<br />
</span><span style="color: #008080;">19</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br />
</span><span style="color: #008080;">20</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;before:</span><span style="color: #0000ff;">function</span><span style="color: #000000;">&nbsp;onAfter()&nbsp;{<br />
</span><span style="color: #008080;">21</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('.hot_title').html('</span><span style="color: #000000;">&lt;</span><span style="color: #000000;">p&nbsp;style</span><span style="color: #000000;">=</span><span style="color: #000000;">"</span><span style="color: #000000;">font-weight:bold;</span><span style="color: #000000;">"</span><span style="color: #000000;">&gt;&lt;</span><span style="color: #000000;">a&nbsp;href</span><span style="color: #000000;">=</span><span style="color: #000000;">"</span><span style="color: #000000;">'&nbsp;+&nbsp;data[this.id].news_url&nbsp;+&nbsp;'</span><span style="color: #000000;">"</span><span style="color: #000000;">&gt;</span><span style="color: #000000;">'&nbsp;</span><span style="color: #000000;">+</span><span style="color: #000000;">&nbsp;data[</span><span style="color: #0000ff;">this</span><span style="color: #000000;">.id].news_title&nbsp;</span><span style="color: #000000;">+</span><span style="color: #000000;">&nbsp;'</span><span style="color: #000000;">&lt;/</span><span style="color: #000000;">a</span><span style="color: #000000;">&gt;&lt;/</span><span style="color: #000000;">string</span><span style="color: #000000;">&gt;&lt;/</span><span style="color: #000000;">p</span><span style="color: #000000;">&gt;&lt;</span><span style="color: #000000;">p</span><span style="color: #000000;">&gt;</span><span style="color: #000000;">'&nbsp;</span><span style="color: #000000;">+</span><span style="color: #000000;">&nbsp;data[</span><span style="color: #0000ff;">this</span><span style="color: #000000;">.id].news_abs&nbsp;</span><span style="color: #000000;">+</span><span style="color: #000000;">&nbsp;'[</span><span style="color: #000000;">&lt;</span><span style="color: #000000;">a&nbsp;href</span><span style="color: #000000;">=</span><span style="color: #000000;">"</span><span style="color: #000000;">'&nbsp;+&nbsp;data[this.id].news_url+&nbsp;'</span><span style="color: #000000;">"</span><span style="color: #000000;">&gt;</span><span style="color: #000000;">详细</span><span style="color: #000000;">&lt;/</span><span style="color: #000000;">a</span><span style="color: #000000;">&gt;</span><span style="color: #000000;">]</span><span style="color: #000000;">&lt;/</span><span style="color: #000000;">p</span><span style="color: #000000;">&gt;</span><span style="color: #000000;">');<br />
</span><span style="color: #008080;">22</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
</span><span style="color: #008080;">23</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;});<br />
</span><span style="color: #008080;">24</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;<br />
</span><span style="color: #008080;">25</span>&nbsp;<span style="color: #000000;">});<br />
</span><span style="color: #008080;">26</span>&nbsp;<span style="color: #000000;">&lt;/</span><span style="color: #000000;">script</span><span style="color: #000000;">&gt;</span></div>
<br />
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #008080;">&nbsp;1</span>&nbsp;<span style="color: #0000ff;">&lt;!</span><span style="color: #ff00ff;">DOCTYPE&nbsp;html&nbsp;PUBLIC&nbsp;"-//W3C//DTD&nbsp;XHTML&nbsp;1.0&nbsp;Transitional//EN"&nbsp;"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">&nbsp;2</span>&nbsp;<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">html&nbsp;</span><span style="color: #ff0000;">xmlns</span><span style="color: #0000ff;">="http://www.w3.org/1999/xhtml"</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">&nbsp;3</span>&nbsp;<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">head</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">&nbsp;4</span>&nbsp;<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">meta&nbsp;</span><span style="color: #ff0000;">http-equiv</span><span style="color: #0000ff;">="Content-Type"</span><span style="color: #ff0000;">&nbsp;content</span><span style="color: #0000ff;">="text/html;&nbsp;charset=gb2312"</span><span style="color: #ff0000;">&nbsp;</span><span style="color: #0000ff;">/&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">&nbsp;5</span>&nbsp;<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">title</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">图片切换</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">title</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">&nbsp;6</span>&nbsp;<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">link&nbsp;</span><span style="color: #ff0000;">href</span><span style="color: #0000ff;">="index.css"</span><span style="color: #ff0000;">&nbsp;rel</span><span style="color: #0000ff;">="stylesheet"</span><span style="color: #ff0000;">&nbsp;type</span><span style="color: #0000ff;">="text/css"</span><span style="color: #ff0000;">&nbsp;</span><span style="color: #0000ff;">/&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">&nbsp;7</span>&nbsp;<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">script&nbsp;</span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="text/javascript"</span><span style="color: #ff0000;">&nbsp;language</span><span style="color: #0000ff;">="JavaScript"</span><span style="color: #ff0000;">&nbsp;src</span><span style="color: #0000ff;">="jquery.js"</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">script</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">&nbsp;8</span>&nbsp;<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">script&nbsp;</span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="text/javascript"</span><span style="color: #ff0000;">&nbsp;language</span><span style="color: #0000ff;">="JavaScript"</span><span style="color: #ff0000;">&nbsp;src</span><span style="color: #0000ff;">="jquery.cycle.all.js"</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">script</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">&nbsp;9</span>&nbsp;<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">script&nbsp;</span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="text/javascript"</span><span style="color: #ff0000;">&nbsp;</span><span style="color: #0000ff;">&gt;</span><span style="background-color: #f5f5f5; color: #000000;"><br />
</span><span style="color: #008080;">10</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">$(document).ready(</span><span style="background-color: #f5f5f5; color: #0000ff;">function</span><span style="background-color: #f5f5f5; color: #000000;">(){<br />
</span><span style="color: #008080;">11</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;<br />
</span><span style="color: #008080;">12</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="background-color: #f5f5f5; color: #008000;">/*</span><span style="background-color: #f5f5f5; color: #008000;">使用服务器端生成代码,id要与后面的class="hot_pic"内的图片对应</span><span style="background-color: #f5f5f5; color: #008000;">*/</span><span style="background-color: #f5f5f5; color: #000000;"><br />
</span><span style="color: #008080;">13</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="background-color: #f5f5f5; color: #008000;">/*</span><span style="background-color: #f5f5f5; color: #008000;">也可以可以使JSON</span><span style="background-color: #f5f5f5; color: #008000;">*/</span><span style="background-color: #f5f5f5; color: #000000;"><br />
</span><span style="color: #008080;">14</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="background-color: #f5f5f5; color: #0000ff;">var</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;data&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">=</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;[];<br />
</span><span style="color: #008080;">15</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;data['img_4']&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">=</span><span style="background-color: #f5f5f5; color: #000000;">{'news_title':'京地铁4号线女员工媲美&#8220;空姐&#8221;','news_abs':'首末车时间确定，8月邀沿线居民试乘','news_url':'http:</span><span style="background-color: #f5f5f5; color: #008000;">//</span><span style="background-color: #f5f5f5; color: #008000;">msn.china.ynet.com/view.jsp?oid=53769752'};</span><span style="background-color: #f5f5f5; color: #008000;"><br />
</span><span style="color: #008080;">16</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;data['img_3']&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">=</span><span style="background-color: #f5f5f5; color: #000000;">{'news_title':'周迅全智贤惊艳巴黎时装周','news_abs':'两美女同选黑色小礼服，周迅红唇抢眼','news_url':'http:</span><span style="background-color: #f5f5f5; color: #008000;">//</span><span style="background-color: #f5f5f5; color: #008000;">msn.ent.ynet.com/view.jsp?oid=53794257'};</span><span style="background-color: #f5f5f5; color: #008000;"><br />
</span><span style="color: #008080;">17</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;data['img_1']&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">=</span><span style="background-color: #f5f5f5; color: #000000;">{'news_title':'&nbsp;黄志忠做客MSN星月对话(视频)','news_abs':'&nbsp;经典杨立仁，直播现场表演天津快板','news_url':'http:</span><span style="background-color: #f5f5f5; color: #008000;">//</span><span style="background-color: #f5f5f5; color: #008000;">info.msn.com.cn/interview_subject/33718.shtml'};</span><span style="background-color: #f5f5f5; color: #008000;"><br />
</span><span style="color: #008080;">18</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;data['img_2']&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">=</span><span style="background-color: #f5f5f5; color: #000000;">{'news_title':'&nbsp;令人惊叹的野生世界','news_abs':'&nbsp;五色鸟守着巢穴，美洲豹偷窥邻居','news_url':'http:</span><span style="background-color: #f5f5f5; color: #008000;">//</span><span style="background-color: #f5f5f5; color: #008000;">msn.tech.ynet.com/pic.jsp?oid=53794462'};</span><span style="background-color: #f5f5f5; color: #008000;"><br />
</span><span style="color: #008080;">19</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;<br />
</span><span style="color: #008080;">20</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="background-color: #f5f5f5; color: #008000;">/*</span><span style="background-color: #f5f5f5; color: #008000;">使用jQuery&nbsp;Cycle&nbsp;Plugin</span><span style="background-color: #f5f5f5; color: #008000;">*/</span><span style="background-color: #f5f5f5; color: #000000;"><br />
</span><span style="color: #008080;">21</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;$('.hot_pic').cycle({&nbsp;<br />
</span><span style="color: #008080;">22</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fx:&nbsp;&nbsp;&nbsp;&nbsp;'fade',&nbsp;<br />
</span><span style="color: #008080;">23</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pause:&nbsp;&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">1</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;,<br />
</span><span style="color: #008080;">24</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pager:&nbsp;&nbsp;'.hot_thumb',&nbsp;<br />
</span><span style="color: #008080;">25</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;pagerAnchorBuilder:&nbsp;</span><span style="background-color: #f5f5f5; color: #0000ff;">function</span><span style="background-color: #f5f5f5; color: #000000;">(idx,&nbsp;slide)&nbsp;{&nbsp;<br />
</span><span style="color: #008080;">26</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="background-color: #f5f5f5; color: #0000ff;">return</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;'</span><span style="background-color: #f5f5f5; color: #000000;">&lt;</span><span style="background-color: #f5f5f5; color: #000000;">a&nbsp;href</span><span style="background-color: #f5f5f5; color: #000000;">=</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">#</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">&gt;&lt;</span><span style="background-color: #f5f5f5; color: #000000;">img&nbsp;src</span><span style="background-color: #f5f5f5; color: #000000;">=</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">'&nbsp;+&nbsp;slide.src&nbsp;+&nbsp;'</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;width</span><span style="background-color: #f5f5f5; color: #000000;">=</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">40px</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;height</span><span style="background-color: #f5f5f5; color: #000000;">=</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">40px</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">/&gt;&lt;/</span><span style="background-color: #f5f5f5; color: #000000;">a</span><span style="background-color: #f5f5f5; color: #000000;">&gt;</span><span style="background-color: #f5f5f5; color: #000000;">';&nbsp;<br />
</span><span style="color: #008080;">27</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},<br />
</span><span style="color: #008080;">28</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;before:</span><span style="background-color: #f5f5f5; color: #0000ff;">function</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;onAfter()&nbsp;{<br />
</span><span style="color: #008080;">29</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$('.hot_title').html('</span><span style="background-color: #f5f5f5; color: #000000;">&lt;</span><span style="background-color: #f5f5f5; color: #000000;">p&nbsp;style</span><span style="background-color: #f5f5f5; color: #000000;">=</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">font-weight:bold;</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">&gt;&lt;</span><span style="background-color: #f5f5f5; color: #000000;">a&nbsp;href</span><span style="background-color: #f5f5f5; color: #000000;">=</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">'&nbsp;+&nbsp;data[this.id].news_url&nbsp;+&nbsp;'</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">&gt;</span><span style="background-color: #f5f5f5; color: #000000;">'&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">+</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;data[</span><span style="background-color: #f5f5f5; color: #0000ff;">this</span><span style="background-color: #f5f5f5; color: #000000;">.id].news_title&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">+</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;'</span><span style="background-color: #f5f5f5; color: #000000;">&lt;/</span><span style="background-color: #f5f5f5; color: #000000;">a</span><span style="background-color: #f5f5f5; color: #000000;">&gt;&lt;/</span><span style="background-color: #f5f5f5; color: #000000;">string</span><span style="background-color: #f5f5f5; color: #000000;">&gt;&lt;/</span><span style="background-color: #f5f5f5; color: #000000;">p</span><span style="background-color: #f5f5f5; color: #000000;">&gt;&lt;</span><span style="background-color: #f5f5f5; color: #000000;">p</span><span style="background-color: #f5f5f5; color: #000000;">&gt;</span><span style="background-color: #f5f5f5; color: #000000;">'&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">+</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;data[</span><span style="background-color: #f5f5f5; color: #0000ff;">this</span><span style="background-color: #f5f5f5; color: #000000;">.id].news_abs&nbsp;</span><span style="background-color: #f5f5f5; color: #000000;">+</span><span style="background-color: #f5f5f5; color: #000000;">&nbsp;'[</span><span style="background-color: #f5f5f5; color: #000000;">&lt;</span><span style="background-color: #f5f5f5; color: #000000;">a&nbsp;href</span><span style="background-color: #f5f5f5; color: #000000;">=</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">'&nbsp;+&nbsp;data[this.id].news_url+&nbsp;'</span><span style="background-color: #f5f5f5; color: #000000;">"</span><span style="background-color: #f5f5f5; color: #000000;">&gt;</span><span style="background-color: #f5f5f5; color: #000000;">详细</span><span style="background-color: #f5f5f5; color: #000000;">&lt;/</span><span style="background-color: #f5f5f5; color: #000000;">a</span><span style="background-color: #f5f5f5; color: #000000;">&gt;</span><span style="background-color: #f5f5f5; color: #000000;">]</span><span style="background-color: #f5f5f5; color: #000000;">&lt;/</span><span style="background-color: #f5f5f5; color: #000000;">p</span><span style="background-color: #f5f5f5; color: #000000;">&gt;</span><span style="background-color: #f5f5f5; color: #000000;">');<br />
</span><span style="color: #008080;">30</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
</span><span style="color: #008080;">31</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;});<br />
</span><span style="color: #008080;">32</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;<br />
</span><span style="color: #008080;">33</span>&nbsp;<span style="background-color: #f5f5f5; color: #000000;">});<br />
</span><span style="color: #008080;">34</span>&nbsp;<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">script</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">35</span>&nbsp;<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">head</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">36</span>&nbsp;<span style="color: #000000;"><br />
</span><span style="color: #008080;">37</span>&nbsp;<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">body</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">38</span>&nbsp;<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">div&nbsp;</span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="hot"</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">39</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">div&nbsp;</span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="hot_pic"</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">&nbsp;<br />
</span><span style="color: #008080;">40</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">img&nbsp;</span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="img_1"</span><span style="color: #ff0000;">&nbsp;src</span><span style="color: #0000ff;">="1.jpg"</span><span style="color: #ff0000;">&nbsp;width</span><span style="color: #0000ff;">="240"</span><span style="color: #ff0000;">&nbsp;height</span><span style="color: #0000ff;">="180"</span><span style="color: #ff0000;">&nbsp;</span><span style="color: #0000ff;">/&gt;</span><span style="color: #000000;">&nbsp;<br />
</span><span style="color: #008080;">41</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">img&nbsp;</span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="img_2"</span><span style="color: #ff0000;">&nbsp;src</span><span style="color: #0000ff;">="2.jpg"</span><span style="color: #ff0000;">&nbsp;width</span><span style="color: #0000ff;">="240"</span><span style="color: #ff0000;">&nbsp;height</span><span style="color: #0000ff;">="180"</span><span style="color: #ff0000;">&nbsp;</span><span style="color: #0000ff;">/&gt;</span><span style="color: #000000;">&nbsp;<br />
</span><span style="color: #008080;">42</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">img&nbsp;</span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="img_3"</span><span style="color: #ff0000;">&nbsp;src</span><span style="color: #0000ff;">="3.jpg"</span><span style="color: #ff0000;">&nbsp;width</span><span style="color: #0000ff;">="240"</span><span style="color: #ff0000;">&nbsp;height</span><span style="color: #0000ff;">="180"</span><span style="color: #ff0000;">&nbsp;</span><span style="color: #0000ff;">/&gt;</span><span style="color: #000000;">&nbsp;<br />
</span><span style="color: #008080;">43</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">img&nbsp;</span><span style="color: #ff0000;">id</span><span style="color: #0000ff;">="img_4"</span><span style="color: #ff0000;">&nbsp;src</span><span style="color: #0000ff;">="4.jpg"</span><span style="color: #ff0000;">&nbsp;width</span><span style="color: #0000ff;">="240"</span><span style="color: #ff0000;">&nbsp;height</span><span style="color: #0000ff;">="180"</span><span style="color: #ff0000;">&nbsp;</span><span style="color: #0000ff;">/&gt;</span><span style="color: #000000;">&nbsp;<br />
</span><span style="color: #008080;">44</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">div</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;">&nbsp;<br />
</span><span style="color: #008080;">45</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">div&nbsp;</span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="hot_thumb"</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">div</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">46</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">div&nbsp;</span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="clear"</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">div</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">47</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;</span><span style="color: #800000;">div&nbsp;</span><span style="color: #ff0000;">class</span><span style="color: #0000ff;">="hot_title"</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">48</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">div</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">49</span>&nbsp;<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">div</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">50</span>&nbsp;<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">body</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">51</span>&nbsp;<span style="color: #0000ff;">&lt;/</span><span style="color: #800000;">html</span><span style="color: #0000ff;">&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">52</span>&nbsp;</div>
<br />

 
 
 
<img src ="http://www.blogjava.net/canvas/aggbug/286163.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/canvas/" target="_blank">Barrie</a> 2009-07-09 23:20 <a href="http://www.blogjava.net/canvas/articles/jquery-msn.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>中国各城市的经纬度数据(精确到县级城市)</title><link>http://www.blogjava.net/canvas/articles/GS-China.html</link><dc:creator>Barrie</dc:creator><author>Barrie</author><pubDate>Thu, 12 Mar 2009 12:34:00 GMT</pubDate><guid>http://www.blogjava.net/canvas/articles/GS-China.html</guid><wfw:comment>http://www.blogjava.net/canvas/comments/259355.html</wfw:comment><comments>http://www.blogjava.net/canvas/articles/GS-China.html#Feedback</comments><slash:comments>3</slash:comments><wfw:commentRss>http://www.blogjava.net/canvas/comments/commentRss/259355.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/canvas/services/trackbacks/259355.html</trackback:ping><description><![CDATA[经纬度数据收集自
<a href="http://samuel.lamost.org/" target="_blank">维北有斗-天文爱好者的乐园</a><br />
编写这篇博文有几个目的：<br />
首先认识了两个单词<br />
<div style="margin: 0px 0px 5px; color: #808080; line-height: normal;"><span style="font-size: 10.5pt; color: #000000; line-height: normal;"><strong>latitude</strong></span>
&nbsp;<span style="font-size: 10.5pt; line-height: normal; font-family: 'Lingoes Unicode';">[<font color="#009900">lat&#183;i&#183;tude || 'l&#230;tɪtuːd /-tjuːd</font>]</span>
<font color="#c00000">n.</font> &nbsp;纬度; 回旋余地, 自由; 纬度地区</div>
<div style="margin: 0px 0px 5px; color: #808080; line-height: normal;">
<span style="font-size: 10.5pt; color: #000000; line-height: normal;"><strong>longitude</strong></span>
&nbsp;<span style="font-size: 10.5pt; line-height: normal; font-family: 'Lingoes Unicode';">[<font color="#009900">lon&#183;gi&#183;tude || 'lɑndʒɪtuːd /'lɒndʒɪtjuːd</font>]</span>
<font color="#c00000">n.</font> &nbsp;经度; 经线</div>
<br />
1.学习dom4j的简单用法<br />
2.做一个方便使用的全国城市经纬度数据库<br />
3.利用google天气api做一个全面的天气预报服务<br />
4.学习用python编写webservice<br />
<br />
内容：<br />
1.学习dom4j的简单用法<br />
收集了的经纬度都是按照城市分开的单独的htm文件，我已经处理过为符合html4.0标准的html文件了，即所有的标识都是成对的，这里可以下载这些文件<a title="经纬度html包" href="/Files/canvas/jwd.zip">(点击下载经纬度html包)</a><br />
(1)如何使用dom4j读入xml文档<br />
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><img id="Code_Closed_Image_174506" onclick="this.style.display='none'; Code_Closed_Text_174506.style.display='none'; Code_Open_Image_174506.style.display='inline'; Code_Open_Text_174506.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" alt="" align="top" width="11" height="16" /><img id="Code_Open_Image_174506" style="display: none;" onclick="this.style.display='none'; Code_Open_Text_174506.style.display='none'; Code_Closed_Image_174506.style.display='inline'; Code_Closed_Text_174506.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" alt="" align="top" width="11" height="16" /><span id="Code_Closed_Text_174506" style="border: 1px solid #808080; background-color: #ffffff;">使用dom4j读入xml文档代码片段</span><span id="Code_Open_Text_174506" style="display: none;"><br />
<!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #008080;">1</span>&nbsp;<span style="color: #000000;">File&nbsp;file&nbsp;</span><span style="color: #000000;">=</span><span style="color: #000000;">&nbsp;</span><span style="color: #0000ff;">new</span><span style="color: #000000;">&nbsp;File(</span><span style="color: #000000;">"</span><span style="color: #000000;">G:\\workspace\\test.xml</span><span style="color: #000000;">"</span><span style="color: #000000;">);<br />
</span><span style="color: #008080;">2</span>&nbsp;<span style="color: #000000;">SAXReader&nbsp;reader&nbsp;</span><span style="color: #000000;">=</span><span style="color: #000000;">&nbsp;</span><span style="color: #0000ff;">new</span><span style="color: #000000;">&nbsp;SAXReader();<br />
</span><span style="color: #008080;">3</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000;">//</span><span style="color: #008000;">根据实际情况设置编码</span><span style="color: #008000;"><br />
</span><span style="color: #008080;">4</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;reader.setEncoding(</span><span style="color: #000000;">"</span><span style="color: #000000;">GBK</span><span style="color: #000000;">"</span><span style="color: #000000;">);<br />
</span><span style="color: #008080;">5</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Document&nbsp;doc&nbsp;</span><span style="color: #000000;">=</span><span style="color: #000000;">&nbsp;reader.read(files);<br />
</span><span style="color: #008080;">6</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
</span><span style="color: #008080;">7</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000;">//</span><span style="color: #008000;">获得xml文档的根节点</span><span style="color: #008000;"><br />
</span><span style="color: #008080;">8</span>&nbsp;<span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Element&nbsp;root&nbsp;</span><span style="color: #000000;">=</span><span style="color: #000000;">&nbsp;doc.getRootElement();</span></span></div>
<br />
(2)如何遍历xml文档的所有结点<br />
这样就读入了这个xml文档，并获得了这个xml文档对象的根结点，由于xml文档是一个树形结构，这样就很容易遍历它所有的结点了。<br />
这里根据自己的需要，测试使用了两种遍历方法，一种是根据树的结构编写递归程序，一种就是直接使用循环，还有都dom4j自带的visitor模式访问也很好用，这里有篇参考文档，可以看看(<a href="http://www.cnblogs.com/eafy/archive/2008/04/11/1148006.html" target="_blank">查看</a>)<br />
<br />
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><img id="Code_Closed_Image_200042" onclick="this.style.display='none'; Code_Closed_Text_200042.style.display='none'; Code_Open_Image_200042.style.display='inline'; Code_Open_Text_200042.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" alt="" align="top" width="11" height="16" /><img id="Code_Open_Image_200042" style="display: none;" onclick="this.style.display='none'; Code_Open_Text_200042.style.display='none'; Code_Closed_Image_200042.style.display='inline'; Code_Closed_Text_200042.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" alt="" align="top" width="11" height="16" /><span id="Code_Closed_Text_200042" style="border: 1px solid #808080; background-color: #ffffff;">使用递归遍历</span><span id="Code_Open_Text_200042" style="display: none;"><br />
<!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #000000;">
<pre><font face="Courier New">
<font color="#0000ff">public  void </font><font color="#000000">visitAll(</font><font color="#ff0000">Element </font><font color="#000000">root, </font><font color="#ff0000">Element </font><font color="#000000">child){</font>
<font color="#008000">// 枚举所有子节点</font>
<font color="#0000ff">for </font><font color="#000000">( </font><font color="#ff0000">Iterator </font><font color="#000000">i = root.elementIterator(); i.hasNext(); ) {</font>
<font color="#ff0000">Element </font><font color="#000000">element = (</font><font color="#ff0000">Element</font><font color="#000000">) i.next();</font>
<font color="#ff0000">System</font><font color="#000000">.out.println(stringTrim(element.getText()));</font>
<font color="#0000ff">if</font><font color="#000000">(</font><font color="#0000ff">this</font><font color="#000000">.stringTrim(element.getTextTrim()).equals(</font><font color="#ff00ff">""</font><font color="#000000">)){</font>
<font color="#0000ff">return</font><font color="#000000">;</font>
<font color="#000000">} </font>
<font color="#0000ff">else </font><font color="#000000">{</font>
<font color="#ff0000">Element </font><font color="#000000">tmp = child.addElement(</font><font color="#ff00ff">"city"</font><font color="#000000">);</font>
<font color="#000000">visitAll(element, tmp);</font>
<font color="#000000">}</font>
<font color="#000000">}</font>
<font color="#000000">}</font>
</font>
</pre>
</span></span></div>
<br />
这里提供的xml文档层数为2，直接循环即可<br />
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><img id="Code_Closed_Image_200134" onclick="this.style.display='none'; Code_Closed_Text_200134.style.display='none'; Code_Open_Image_200134.style.display='inline'; Code_Open_Text_200134.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" alt="" align="top" width="11" height="16" /><img id="Code_Open_Image_200134" style="display: none;" onclick="this.style.display='none'; Code_Open_Text_200134.style.display='none'; Code_Closed_Image_200134.style.display='inline'; Code_Closed_Text_200134.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" alt="" align="top" width="11" height="16" /><span id="Code_Closed_Text_200134" style="border: 1px solid #808080; background-color: #ffffff;">直接循环遍历</span><span id="Code_Open_Text_200134" style="display: none;"><br />
<!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #000000;">
<pre><font face="Courier New">
<font color="#0000ff">public  void </font><font color="#000000">visitAll(</font><font color="#ff0000">Element </font><font color="#000000">root, </font><font color="#ff0000">Element </font><font color="#000000">child){</font>
<font color="#008000">// 枚举所有子节点</font>
<font color="#0000ff">for </font><font color="#000000">( </font><font color="#ff0000">Iterator </font><font color="#000000">i = root.elementIterator(); i.hasNext(); ) {</font>
<font color="#ff0000">Element </font><font color="#000000">element = (</font><font color="#ff0000">Element</font><font color="#000000">) i.next();      </font>
<font color="#ff0000">Iterator </font><font color="#000000">j = element.elementIterator();</font>
<font color="#ff0000">Element </font><font color="#000000">tmpElement = (</font><font color="#ff0000">Element</font><font color="#000000">)j.next();</font>
<font color="#0000ff">if</font><font color="#000000">(!(stringTrim(tmpElement.getTextTrim()).equals(</font><font color="#ff00ff">"城市名"</font><font color="#000000">)))</font>
<font color="#000000">{</font>
<font color="#ff0000">Element </font><font color="#000000">tmp = child.addElement(</font><font color="#ff00ff">"city"</font><font color="#000000">);</font>
<font color="#000000">tmp.addAttribute(</font><font color="#ff00ff">"name"</font><font color="#000000">, </font>
<font color="#000000">stringTrim(tmpElement.getTextTrim()).trim());</font>
<font color="#000000">tmpElement = (</font><font color="#ff0000">Element</font><font color="#000000">)j.next();</font>
<font color="#000000">tmp.addAttribute(</font><font color="#ff00ff">"longitude"</font><font color="#000000">, </font>
<font color="#000000">stringTrim(tmpElement.getTextTrim()).trim());</font>
<font color="#000000">tmpElement = (</font><font color="#ff0000">Element</font><font color="#000000">)j.next();</font>
<font color="#000000">tmp.addAttribute(</font><font color="#ff00ff">"latitude"</font><font color="#000000">, </font>
<font color="#000000">stringTrim(tmpElement.getTextTrim()).trim());</font>
<font color="#000000">}</font>
<font color="#000000">}</font>
<font color="#000000">}</font>
</font>
</pre>
</span></span></div>
<br />
关于visitor模式的使用，请参看上面给出的参考文档<br />
<br />
(3)创建新的xml文档<br />
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><img id="Code_Closed_Image_195853" onclick="this.style.display='none'; Code_Closed_Text_195853.style.display='none'; Code_Open_Image_195853.style.display='inline'; Code_Open_Text_195853.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" alt="" align="top" width="11" height="16" /><img id="Code_Open_Image_195853" style="display: none;" onclick="this.style.display='none'; Code_Open_Text_195853.style.display='none'; Code_Closed_Image_195853.style.display='inline'; Code_Closed_Text_195853.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" alt="" align="top" width="11" height="16" /><span id="Code_Closed_Text_195853" style="border: 1px solid #808080; background-color: #ffffff;">创建xml文档</span><span id="Code_Open_Text_195853" style="display: none;"><br />
<!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #000000;">
<pre><font face="Courier New">
<font color="#0000ff">public void </font><font color="#000000">createXMLFile(</font><font color="#ff0000">String </font><font color="#000000">filename) </font><font color="#0000ff">throws </font><font color="#ff0000">Exception</font><font color="#000000">{</font>
<font color="#008000">//使用辅助方法创建文档对象</font>
<font color="#ff0000">Document </font><font color="#000000">res = DocumentHelper.createDocument();</font>
<font color="#008000">//添加文档跟结点country</font>
<font color="#ff0000">Element </font><font color="#000000">rootElement = res.addElement(</font><font color="#ff00ff">"country"</font><font color="#000000">);</font>
<font color="#008000">//给根节点添加属性name，值为"中国"</font>
<font color="#000000">rootElement.addAttribute(</font><font color="#ff00ff">"name"</font><font color="#000000">, </font><font color="#ff00ff">"中国"</font><font color="#000000">);</font>
<font color="#008000">//打开目录</font>
<font color="#ff0000">File </font><font color="#000000">file = </font><font color="#0000ff">new </font><font color="#ff0000">File</font><font color="#000000">(</font><font color="#ff00ff">"G:\\workspace\\jwd\\jwd"</font><font color="#000000">);</font>
<font color="#008000">//打开目录下所有的xml文档</font>
<font color="#ff0000">File</font><font color="#000000">[] files = file.listFiles();</font>
<font color="#008000">//依次操作每个xml文档</font>
<font color="#0000ff">for</font><font color="#000000">(</font><font color="#0000ff">int </font><font color="#000000">i = </font><font color="#800080">0</font><font color="#000000">; i &lt; files.length; i ++){</font>
<font color="#008000">//获取文件名，去掉文件扩展名</font>
<font color="#ff0000">String</font><font color="#000000">[] name = files[i].getName().split(</font><font color="#ff00ff">"\\."</font><font color="#000000">);</font>
<font color="#008000">//在根结点下添加子节点province</font>
<font color="#ff0000">Element </font><font color="#000000">childElement = rootElement.addElement(</font><font color="#ff00ff">"province"</font><font color="#000000">);</font>
<font color="#008000">//添加属性name，值为文件名</font>
<font color="#000000">childElement.addAttribute(</font><font color="#ff00ff">"name"</font><font color="#000000">, name[</font><font color="#800080">0</font><font color="#000000">].trim());</font>
<font color="#008000">//创建reader</font>
<font color="#000000">SAXReader reader = </font><font color="#0000ff">new </font><font color="#000000">SAXReader();</font>
<font color="#008000">//根据实际情况设置编码</font>
<font color="#000000">reader.setEncoding(</font><font color="#ff00ff">"GBK"</font><font color="#000000">);</font>
<font color="#ff0000">Document </font><font color="#000000">doc = reader.read(files[i]);</font>
<font color="#008000">//获得xml文档的根节点</font>
<font color="#ff0000">Element </font><font color="#000000">root = doc.getRootElement();</font>
<font color="#008000">//遍历所有的结点</font>
<font color="#0000ff">this</font><font color="#000000">.visitAll(root, childElement);</font>
<font color="#000000">}</font>
<font color="#008000">//格式化即将输出的xml，让它看起来整齐点</font>
<font color="#000000">OutputFormat format = OutputFormat.createPrettyPrint();</font>
<font color="#008000">/*将document中的内容写入文件中 */</font>
<font color="#000000">XMLWriter writer = </font><font color="#0000ff">new </font><font color="#000000">XMLWriter(</font><font color="#0000ff">new </font><font color="#ff0000">FileWriter</font><font color="#000000">(</font><font color="#0000ff">new </font><font color="#ff0000">File</font><font color="#000000">(filename)),format);</font>
<font color="#000000">writer.write(res);</font>
<font color="#000000">writer.close(); </font>
<font color="#000000">}</font>
</font>
</pre>
</span></span></div>
<br />
整个合并所有html页为一个xml的代码如下<br />
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><img id="Code_Closed_Image_195752" onclick="this.style.display='none'; Code_Closed_Text_195752.style.display='none'; Code_Open_Image_195752.style.display='inline'; Code_Open_Text_195752.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" alt="" align="top" width="11" height="16" /><img id="Code_Open_Image_195752" style="display: none;" onclick="this.style.display='none'; Code_Open_Text_195752.style.display='none'; Code_Closed_Image_195752.style.display='inline'; Code_Closed_Text_195752.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" alt="" align="top" width="11" height="16" /><span id="Code_Closed_Text_195752" style="border: 1px solid #808080; background-color: #ffffff;">完整的代码</span><span id="Code_Open_Text_195752" style="display: none;"><br />
<!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #000000;">
<pre><font face="Courier New">
<font color="#0000ff">import </font><font color="#000000">java.io.</font><font color="#ff0000">File</font><font color="#000000">;</font>
<font color="#0000ff">import </font><font color="#000000">java.io.</font><font color="#ff0000">FileWriter</font><font color="#000000">;</font>
<font color="#0000ff">import </font><font color="#000000">java.util.</font><font color="#ff0000">Iterator</font><font color="#000000">;</font>
<font color="#0000ff">import </font><font color="#000000">org.dom4j.</font><font color="#ff0000">Document</font><font color="#000000">;</font>
<font color="#0000ff">import </font><font color="#000000">org.dom4j.DocumentHelper;</font>
<font color="#0000ff">import </font><font color="#000000">org.dom4j.</font><font color="#ff0000">Element</font><font color="#000000">;</font>
<font color="#0000ff">import </font><font color="#000000">org.dom4j.io.OutputFormat;</font>
<font color="#0000ff">import </font><font color="#000000">org.dom4j.io.SAXReader;</font>
<font color="#0000ff">import </font><font color="#000000">org.dom4j.io.XMLWriter;</font>
<font color="#008000">/**</font>
<font color="#008000"> * @author canvas</font>
<font color="#008000"> *</font>
<font color="#008000"> */</font>
<font color="#0000ff">public class </font><font color="#000000">GIS {</font>
<font color="#0000ff">public void </font><font color="#000000">createXMLFile(</font><font color="#ff0000">String </font><font color="#000000">filename) </font><font color="#0000ff">throws </font><font color="#ff0000">Exception</font><font color="#000000">{</font>
<font color="#008000">//使用辅助方法创建文档对象</font>
<font color="#ff0000">Document </font><font color="#000000">res = DocumentHelper.createDocument();</font>
<font color="#008000">//添加文档跟结点country</font>
<font color="#ff0000">Element </font><font color="#000000">rootElement = res.addElement(</font><font color="#ff00ff">"country"</font><font color="#000000">);</font>
<font color="#008000">//给根节点添加属性name，值为"中国"</font>
<font color="#000000">rootElement.addAttribute(</font><font color="#ff00ff">"name"</font><font color="#000000">, </font><font color="#ff00ff">"中国"</font><font color="#000000">);</font>
<font color="#008000">//打开目录</font>
<font color="#ff0000">File </font><font color="#000000">file = </font><font color="#0000ff">new </font><font color="#ff0000">File</font><font color="#000000">(</font><font color="#ff00ff">"G:\\workspace\\jwd\\jwd"</font><font color="#000000">);</font>
<font color="#008000">//打开目录下所有的xml文档</font>
<font color="#ff0000">File</font><font color="#000000">[] files = file.listFiles();</font>
<font color="#008000">//依次操作每个xml文档</font>
<font color="#0000ff">for</font><font color="#000000">(</font><font color="#0000ff">int </font><font color="#000000">i = </font><font color="#800080">0</font><font color="#000000">; i &lt; files.length; i ++){</font>
<font color="#008000">//获取文件名，去掉文件扩展名</font>
<font color="#ff0000">String</font><font color="#000000">[] name = files[i].getName().split(</font><font color="#ff00ff">"\\."</font><font color="#000000">);</font>
<font color="#008000">//在根结点下添加子节点province</font>
<font color="#ff0000">Element </font><font color="#000000">childElement = rootElement.addElement(</font><font color="#ff00ff">"province"</font><font color="#000000">);</font>
<font color="#008000">//添加属性name，值为文件名</font>
<font color="#000000">childElement.addAttribute(</font><font color="#ff00ff">"name"</font><font color="#000000">, name[</font><font color="#800080">0</font><font color="#000000">].trim());</font>
<font color="#008000">//创建reader</font>
<font color="#000000">SAXReader reader = </font><font color="#0000ff">new </font><font color="#000000">SAXReader();</font>
<font color="#008000">//根据实际情况设置编码</font>
<font color="#000000">reader.setEncoding(</font><font color="#ff00ff">"GBK"</font><font color="#000000">);</font>
<font color="#ff0000">Document </font><font color="#000000">doc = reader.read(files[i]);</font>
<font color="#008000">//获得xml文档的根节点</font>
<font color="#ff0000">Element </font><font color="#000000">root = doc.getRootElement();</font>
<font color="#008000">//遍历所有的结点</font>
<font color="#0000ff">this</font><font color="#000000">.visitAll(root, childElement);</font>
<font color="#000000">}</font>
<font color="#008000">//格式化即将输出的xml，让它看起来整齐点</font>
<font color="#000000">OutputFormat format = OutputFormat.createPrettyPrint();</font>
<font color="#008000">/*将document中的内容写入文件中 */</font>
<font color="#000000">XMLWriter writer = </font><font color="#0000ff">new </font><font color="#000000">XMLWriter(</font><font color="#0000ff">new </font><font color="#ff0000">FileWriter</font><font color="#000000">(</font><font color="#0000ff">new </font><font color="#ff0000">File</font><font color="#000000">(filename)),format);</font>
<font color="#000000">writer.write(res);</font>
<font color="#000000">writer.close(); </font>
<font color="#000000">}</font>
<font color="#0000ff">public  void </font><font color="#000000">visitAll(</font><font color="#ff0000">Element </font><font color="#000000">root, </font><font color="#ff0000">Element </font><font color="#000000">child){</font>
<font color="#008000">// 枚举所有子节点</font>
<font color="#0000ff">for </font><font color="#000000">( </font><font color="#ff0000">Iterator </font><font color="#000000">i = root.elementIterator(); i.hasNext(); ) {</font>
<font color="#ff0000">Element </font><font color="#000000">element = (</font><font color="#ff0000">Element</font><font color="#000000">) i.next();</font>
<font color="#008000">//System.out.println(stringTrim(element.getText()));</font>
<font color="#008000">/*if(this.stringTrim(element.getTextTrim()).equals("")){</font>
<font color="#008000">               return;</font>
<font color="#008000">           } </font>
<font color="#008000">           else {</font>
<font color="#008000">                Element tmp = child.addElement("city");</font>
<font color="#008000">                visitAll(element, tmp);</font>
<font color="#008000">           }*/</font>
<font color="#ff0000">Iterator </font><font color="#000000">j = element.elementIterator();</font>
<font color="#ff0000">Element </font><font color="#000000">tmpElement = (</font><font color="#ff0000">Element</font><font color="#000000">)j.next();</font>
<font color="#0000ff">if</font><font color="#000000">(!(stringTrim(tmpElement.getTextTrim()).equals(</font><font color="#ff00ff">"城市名"</font><font color="#000000">)))</font>
<font color="#000000">{</font>
<font color="#ff0000">Element </font><font color="#000000">tmp = child.addElement(</font><font color="#ff00ff">"city"</font><font color="#000000">);</font>
<font color="#000000">tmp.addAttribute(</font><font color="#ff00ff">"name"</font><font color="#000000">, </font>
<font color="#000000">stringTrim(tmpElement.getTextTrim()).trim());</font>
<font color="#000000">tmpElement = (</font><font color="#ff0000">Element</font><font color="#000000">)j.next();</font>
<font color="#000000">tmp.addAttribute(</font><font color="#ff00ff">"longitude"</font><font color="#000000">, </font>
<font color="#000000">stringTrim(tmpElement.getTextTrim()).trim());</font>
<font color="#000000">tmpElement = (</font><font color="#ff0000">Element</font><font color="#000000">)j.next();</font>
<font color="#000000">tmp.addAttribute(</font><font color="#ff00ff">"latitude"</font><font color="#000000">, </font>
<font color="#000000">stringTrim(tmpElement.getTextTrim()).trim());</font>
<font color="#000000">}</font>
<font color="#000000">}</font>
<font color="#000000">}</font>
<font color="#0000ff">public </font><font color="#ff0000">String </font><font color="#000000">stringTrim(</font><font color="#ff0000">String </font><font color="#000000">str){</font>
<font color="#008000">//去掉空格和全角空格</font>
<font color="#ff0000">String</font><font color="#000000">[] tmp = str.split(</font><font color="#ff00ff">"\\s| "</font><font color="#000000">);</font>
<font color="#ff0000">StringBuffer </font><font color="#000000">sb = </font><font color="#0000ff">new </font><font color="#ff0000">StringBuffer</font><font color="#000000">();</font>
<font color="#0000ff">for</font><font color="#000000">(</font><font color="#0000ff">int </font><font color="#000000">i = </font><font color="#800080">0</font><font color="#000000">; i &lt; tmp.length; i ++){</font>
<font color="#000000">sb.append(tmp[i].trim());</font>
<font color="#000000">}</font>
<font color="#0000ff">return </font><font color="#000000">sb.toString();</font>
<font color="#000000">}</font>
<font color="#008000">/**</font>
<font color="#008000">     * @param args</font>
<font color="#008000">     */</font>
<font color="#0000ff">public static void </font><font color="#000000">main(</font><font color="#ff0000">String</font><font color="#000000">[] args) {</font>
<font color="#0000ff">try </font><font color="#000000">{</font>
<font color="#0000ff">new </font><font color="#000000">GIS().createXMLFile(</font><font color="#ff00ff">"d:\\GI-China.xml"</font><font color="#000000">);</font>
<font color="#000000">} </font><font color="#0000ff">catch </font><font color="#000000">(</font><font color="#ff0000">Exception </font><font color="#000000">e) {</font>
<font color="#000000">e.printStackTrace();</font>
<font color="#000000">}</font>
<font color="#000000">}</font>
<font color="#000000">}</font>
</font>
</pre>
</span></span></div>
<br />
2.做一个方便使用的全国城市经纬度数据库<br />
经过上面的操作，一个完整的全国城市经纬度数据库就做好了，只不过它是xml格式的，看起来还不错，<a title="下载这个数据库" href="/Files/canvas/GI-China.zip">下载这个数据库</a><br />
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><img id="Code_Closed_Image_195704" onclick="this.style.display='none'; Code_Closed_Text_195704.style.display='none'; Code_Open_Image_195704.style.display='inline'; Code_Open_Text_195704.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" alt="" align="top" width="11" height="16" /><img id="Code_Open_Image_195704" style="display: none;" onclick="this.style.display='none'; Code_Open_Text_195704.style.display='none'; Code_Closed_Image_195704.style.display='inline'; Code_Closed_Text_195704.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" alt="" align="top" width="11" height="16" /><span id="Code_Closed_Text_195704" style="border: 1px solid #808080; background-color: #ffffff;">生成的xml展示</span><span id="Code_Open_Text_195704" style="display: none;"><br />
<!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #000000;">
<pre><font face="Courier New">
<font color="#0000ff">&lt;?xml </font><font color="#ff0000">version</font><font color="#0000ff">=</font><font color="#ff00ff">"1.0" </font><font color="#ff0000">encoding</font><font color="#0000ff">=</font><font color="#ff00ff">"UTF-8"</font><font color="#800080">?</font><font color="#0000ff">&gt;</font>
<font color="#0000ff">&lt;</font><font color="#808000">country </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"中国"</font><font color="#0000ff">&gt;</font>
<font color="#000000">  </font><font color="#0000ff">&lt;</font><font color="#808000">province </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"上海"</font><font color="#0000ff">&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"上海" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"121.48" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"31.22"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"嘉定" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"121.24" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"31.4"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"宝山" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"121.48" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"31.41"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"川沙" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"121.7" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"31.19"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"南汇" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"121.76" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"31.05"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"奉贤" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"121.46" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"30.92"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"松江" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"121.24" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"31"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"金山" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"121.16" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"30.89"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"青浦" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"121.1" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"31.15"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"崇明" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"121.4" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"31.73"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">  </font><font color="#0000ff">&lt;/</font><font color="#808000">province</font><font color="#0000ff">&gt;</font>
<font color="#000000">  </font><font color="#0000ff">&lt;</font><font color="#808000">province </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"云南"</font><font color="#0000ff">&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"昆明" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"102.73" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"25.04"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"富民" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"102.48" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"25.21"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"晋宁" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"102.58" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"24.68"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"呈贡" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"102.79" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"24.9"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"安宁" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"102.44" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"24.95"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"昭通" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"103.7" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"29.32"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"永善" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"103.63" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"28.22"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"大关" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"103.91" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"27.74"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"彝良" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"104.06" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"27.61"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"鲁甸" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"103.54" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"27.21"</font><font color="#0000ff">/&gt;</font>
<font color="#000000">    </font><font color="#0000ff">&lt;</font><font color="#808000">city </font><font color="#ff0000">name</font><font color="#0000ff">=</font><font color="#ff00ff">"绥江" </font><font color="#800080">longitude</font><font color="#0000ff">=</font><font color="#ff00ff">"103.97" </font><font color="#800080">latitude</font><font color="#0000ff">=</font><font color="#ff00ff">"28.58"</font><font color="#0000ff">/&gt;</font>
</font>
</pre>
</span></span></div>
<br />
3.利用google天气api做一个全面的天气预报服务<br />
google提供的天气api可以有两种方式访问，<br />
一种是<br />
<a href="http://www.google.com/ig/api?hl=zh-cn&amp;weather=,,,30670000,104019996" target="_blank">&nbsp;&nbsp;&nbsp;&nbsp; http://www.google.com/ig/api?hl=zh-cn&amp;weather=,,,30670000,104019996</a> <br />
30670000为纬度，104019996为经度，这个是把上面的xml中的经纬度乘以了10^6(10的六次方)，这个方法有个好处，就是可以根据经纬度获得天气预报，自然预报地区也可变得精确些<br />
另一种是<br />
&nbsp;&nbsp;&nbsp;&nbsp; <a href="http://www.google.com/ig/api?weather=Beijing" target="_blank">http://www.google.com/ig/api?weather=Beijing</a><br />
这个链接比较简单，但是支持的城市比较少，所以还是使用第一种方式比较好，于是才整理好了所有城市的经纬度<br />
<br />
访问上面的链接，google返回的xml内容看起来是这样的<br />
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><img id="Code_Closed_Image_202556" onclick="this.style.display='none'; Code_Closed_Text_202556.style.display='none'; Code_Open_Image_202556.style.display='inline'; Code_Open_Text_202556.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" alt="" align="top" width="11" height="16" /><img id="Code_Open_Image_202556" style="display: none;" onclick="this.style.display='none'; Code_Open_Text_202556.style.display='none'; Code_Closed_Image_202556.style.display='inline'; Code_Closed_Text_202556.style.display='inline';" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" alt="" align="top" width="11" height="16" /><span id="Code_Closed_Text_202556" style="border: 1px solid #808080; background-color: #ffffff;">google返回的xml</span><span id="Code_Open_Text_202556" style="display: none;"><br />
<!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #008080;">1</span>&nbsp;<span style="color: #0000ff;">&lt;?</span><span style="color: #ff00ff;">xml&nbsp;version="1.0"&nbsp;encoding="UTF-8"</span><span style="color: #0000ff;">?&gt;</span><span style="color: #000000;"><br />
</span><span style="color: #008080;">2</span>&nbsp;<span style="color: #0000ff;">&lt;</span><span style="color: #800000;">xml_api_reply&nbsp;</span><span style="color: #ff0000;">version</span><span style="color: #0000ff;">="1"</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">weather&nbsp;</span><span style="color: #ff0000;">module_id</span><span style="color: #0000ff;">="0"</span><span style="color: #ff0000;">&nbsp;tab_id</span><span style="color: #0000ff;">="0"</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">forecast_information</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">city&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">=""</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">postal_code&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">=""</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">latitude_e6&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="30670000"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">longitude_e6&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="104019996"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">forecast_date&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="2009-03-05"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">current_date_time&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="2009-03-05&nbsp;19:00:00&nbsp;+0000"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">unit_system&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="SI"</span><span style="color: #0000ff;">/&gt;&lt;/</span><span style="color: #800000;">forecast_information</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">current_conditions</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">condition&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="晴"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">temp_f&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="61"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">temp_c&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="16"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">humidity&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="湿度：&nbsp;45%"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">icon&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="/images/weather/sunny.gif"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">wind_condition&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="风向：&nbsp;北、风速：6&nbsp;(公里/小时）"</span><span style="color: #0000ff;">/&gt;&lt;/</span><span style="color: #800000;">current_conditions</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">forecast_conditions</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">day_of_week&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="周四"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">low&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="7"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">high&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="16"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">icon&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="/images/weather/mostly_sunny.gif"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">condition&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="以晴为主"</span><span style="color: #0000ff;">/&gt;&lt;/</span><span style="color: #800000;">forecast_conditions</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">forecast_conditions</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">day_of_week&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="周五"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">low&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="4"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">high&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="9"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">icon&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="/images/weather/chance_of_rain.gif"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">condition&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="可能有雨"</span><span style="color: #0000ff;">/&gt;&lt;/</span><span style="color: #800000;">forecast_conditions</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">forecast_conditions</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">day_of_week&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="周六"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">low&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="5"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">high&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="10"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">icon&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="/images/weather/mostly_sunny.gif"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">condition&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="以晴为主"</span><span style="color: #0000ff;">/&gt;&lt;/</span><span style="color: #800000;">forecast_conditions</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">forecast_conditions</span><span style="color: #0000ff;">&gt;&lt;</span><span style="color: #800000;">day_of_week&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="周日"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">low&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="3"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">high&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="12"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">icon&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="/images/weather/chance_of_rain.gif"</span><span style="color: #0000ff;">/&gt;&lt;</span><span style="color: #800000;">condition&nbsp;</span><span style="color: #ff0000;">data</span><span style="color: #0000ff;">="可能有雨"</span><span style="color: #0000ff;">/&gt;&lt;/</span><span style="color: #800000;">forecast_conditions</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">weather</span><span style="color: #0000ff;">&gt;&lt;/</span><span style="color: #800000;">xml_api_reply</span><span style="color: #0000ff;">&gt;</span></span></div>
<br />
对于返回的xml中的&lt;icon data="/images/weather/cn_cloudy.gif"/&gt;，可以这样构造链接获取google提供的图片<br />
取其中的cn_cloudy.gif，然后放在http://www.google.cn/ig/images/weather/之后，生成的链接是<br />
&nbsp;&nbsp;&nbsp;&nbsp; http://www.google.cn/ig/images/weather/cn_cloudy.png<br />
这样这个天气api就基本构思好了<br />
<br />
4.学习用python编写webservice(待续&#8230;&#8230;)<br />
将这个服务编写为一个webservice，决定使用python去写，所以要学习一下python了<br />
<br />
<br />
<img src ="http://www.blogjava.net/canvas/aggbug/259355.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/canvas/" target="_blank">Barrie</a> 2009-03-12 20:34 <a href="http://www.blogjava.net/canvas/articles/GS-China.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>windows xp sp3 + apache_2.2.8-win32-x86-openssl-0.9.8g.msi + php-5.2.5-Win32.zip + mysql-5.0.45-win32.exe的安装记录</title><link>http://www.blogjava.net/canvas/articles/226778.html</link><dc:creator>Barrie</dc:creator><author>Barrie</author><pubDate>Wed, 03 Sep 2008 13:16:00 GMT</pubDate><guid>http://www.blogjava.net/canvas/articles/226778.html</guid><wfw:comment>http://www.blogjava.net/canvas/comments/226778.html</wfw:comment><comments>http://www.blogjava.net/canvas/articles/226778.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/canvas/comments/commentRss/226778.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/canvas/services/trackbacks/226778.html</trackback:ping><description><![CDATA[在windows下安装过很多次apache+php+mysql了，每次都没有做一个详细的记录。今天心情不好，所以写个日志。<br />
这里的安装方法都是参考于php的官方安装文档，所以直接查看它的官方文档就可以安装了<br />
主要参考这两个手册：php-5中文手册和php-5.2.5-Win32.zip 软件包中的install.txt<br />
首先请准备以下软件(ps：我的这些软件都是很久前下载的，现在已经有新版本了，不过安装方法都是一样的)<br />
<br />
<a href="http://apache.mirror.phpchina.com/httpd/binaries/win32/apache_2.2.9-win32-x86-openssl-0.9.8h-r2.msi">点击下载apache</a> <br />
<a href="http://cn.php.net/get/php-5.2.6-Win32.zip/from/this/mirror">点击下载php-5</a> <br />
<a href="http://dev.mysql.com/get/Downloads/MySQL-5.0/mysql-5.0.67-win32.zip/from/http://ftp.iij.ad.jp/pub/db/mysql/">点击下载mysql</a> <br />
<br />
下面开始安装(安装顺序无所谓)和配置，不要一味的照搬，自己结合自己的情况看看<br />
<br />
===&gt; 软件的安装<br />
1)安装apache_2.2.8-win32-x86-openssl-0.9.8g.msi <br />
=&gt;安装方法：直接运行安装程序安装 <br />
<br />
2）安装php-5<br />
=&gt;&nbsp;解压下载的安装包，<span style="color: red">将解压后的文件目录名改为php</span>，以方便后面的配置 <br />
=&gt;进入刚刚改名为php的目录，找到php.ini-recommended文件，将该文件改名为php.ini<br />
=&gt;将名为php的目录整个拷贝了任意一个盘(c，d&#8230;&#8230;)的根目录下，以方便后面的配置,我将php整个目录拷贝到了D盘根目录下，即d:\php<br />
<br />
3）安装mysql<br />
=&gt;安装方法：直接运行安装程序安装<br />
=&gt;配置mysql：安装完mysql后，程序会自动弹出配置窗口，直接点击"next".......，然后设置好相应的字符编码和root用户的密码等<br />
<br />
这样程序就安装完成了，下面分析这些软件应该如何配置才能工作。<br />
<br />
===&gt; 服务器的配置(这里只是简单讲讲如何让服务器正常工作，想要知道更多的配置，请自行查看软件配置文档)<br />
1）配置php(先前我将解压后的php包整个拷贝到了d目录下d:\php)<br />
=&gt;进入php所在目录，目录结构基本是这个样子<br />
<br />
<div style="border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding-bottom: 4px; background-color: #eeeeee; padding-left: 4px; width: 98%; padding-right: 5px; font-size: 13px; word-break: break-all; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-top: 4px"><img id="Code_Closed_Image_211915" onclick="this.style.display='none'; Code_Closed_Text_211915.style.display='none'; Code_Open_Image_211915.style.display='inline'; Code_Open_Text_211915.style.display='inline';" alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" width="11" height="16" /><img style="display: none" id="Code_Open_Image_211915" onclick="this.style.display='none'; Code_Open_Text_211915.style.display='none'; Code_Closed_Image_211915.style.display='inline'; Code_Closed_Text_211915.style.display='inline';" alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" width="11" height="16" /><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Code_Closed_Text_211915">点击展开</span><span style="display: none" id="Code_Open_Text_211915"><br />
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><span style="color: #000000">d:\php<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;+--dev<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|-php5ts.lib<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;+--ext&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--&nbsp;extension&nbsp;DLLs&nbsp;for&nbsp;PHP<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|-php_bz2.dll<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|-php_cpdf.dll<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|-..<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;+--extras<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;+--mibs&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--&nbsp;support&nbsp;files&nbsp;for&nbsp;SNMP<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;+--openssl&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--&nbsp;support&nbsp;files&nbsp;for&nbsp;Openssl<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;+--pdf-related&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--&nbsp;support&nbsp;files&nbsp;for&nbsp;PDF<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;|-mime.magic<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;+--pear&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--&nbsp;initial&nbsp;copy&nbsp;of&nbsp;PEAR<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-go-pear.bat&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--&nbsp;PEAR&nbsp;setup&nbsp;script<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-fdftk.dll<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-..<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-php-cgi.exe&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--&nbsp;CGI&nbsp;executable<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-php-win.exe&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--&nbsp;executes&nbsp;scripts&nbsp;without&nbsp;an&nbsp;opened&nbsp;command&nbsp;prompt<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-php.exe&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--&nbsp;CLI&nbsp;executable&nbsp;-&nbsp;ONLY&nbsp;for&nbsp;command&nbsp;line&nbsp;scripting<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-..<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-php.ini-dist&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--&nbsp;default&nbsp;php.ini&nbsp;settings<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-php.ini-recommended&nbsp;&nbsp;--&nbsp;recommended&nbsp;php.ini&nbsp;settings<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-php5activescript.dll<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-php5apache.dll<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-php5apache2.dll<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-..<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-php5ts.dll&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;--&nbsp;core&nbsp;PHP&nbsp;DLL<br />
&nbsp;&nbsp;&nbsp;|<br />
&nbsp;&nbsp;&nbsp;|-<img alt="" src="http://www.blogjava.net/Images/dot.gif" /></span></span></div>
<br />
编辑php.ini文件<br />
找到extension_dir一行，修改为extension_dir = "d:\php\ext"，如果这一句前面有分号，请去掉分号<br />
找到include_path一行，修改为include_path = ".;d:\php\PEAR"，如果这一句前面有分号，请去掉分号<br />
找到;extension=php_mysql.dll一行，把前面的分号去掉，就可以连mysql数据库了<br />
添加环境变量(不知道怎么添加的话，自己google下，或者&#8220;右击我的电脑=&gt;属性=&gt;高级=环境变量&#8221;)：<br />
新建变量phprc，值为D:\php(不知道这一步是不是必须做，不过配置文档里写到了)，在path变量里添加D:\php，用分号分割开<br />
<br />
2）配置apache<br />
=&gt;在apache的安装目录下找到httpd.conf文件，这个就是apache的配置文件，在程序的开始菜单里也能找到。<br />
在文件尾部添加以下代码<br />
<div style="border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding-bottom: 4px; background-color: #eeeeee; padding-left: 4px; width: 98%; padding-right: 5px; font-size: 13px; word-break: break-all; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-top: 4px"><img alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" /><span style="color: #000000">PHPIniDir&nbsp;</span><span style="color: #000000">"</span><span style="color: #000000">d:/php</span><span style="color: #000000">"</span><span style="color: #000000">&nbsp;<br />
<img alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" />LoadModule&nbsp;php5_module&nbsp;d:/php/php5apache2_2.dll<br />
<img alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" />AddType&nbsp;application/x-httpd-php&nbsp;.php</span></div>
找到此段代码<br />
<div style="border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding-bottom: 4px; background-color: #eeeeee; padding-left: 4px; width: 98%; padding-right: 5px; font-size: 13px; word-break: break-all; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-top: 4px"><img id="Code_Closed_Image_210054" onclick="this.style.display='none'; Code_Closed_Text_210054.style.display='none'; Code_Open_Image_210054.style.display='inline'; Code_Open_Text_210054.style.display='inline';" alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" width="11" height="16" /><img style="display: none" id="Code_Open_Image_210054" onclick="this.style.display='none'; Code_Open_Text_210054.style.display='none'; Code_Closed_Image_210054.style.display='inline'; Code_Closed_Text_210054.style.display='inline';" alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" width="11" height="16" /><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Code_Closed_Text_210054">点击展开</span><span style="display: none" id="Code_Open_Text_210054"><br />
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><span style="color: #000000">&lt;IfModule&nbsp;dir_module&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;DirectoryIndex&nbsp;index.html&nbsp;<br />
&lt;/IfModule&gt;</span></span></div>
修改为<br />
<div style="border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding-bottom: 4px; background-color: #eeeeee; padding-left: 4px; width: 98%; padding-right: 5px; font-size: 13px; word-break: break-all; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-top: 4px"><img id="Code_Closed_Image_210122" onclick="this.style.display='none'; Code_Closed_Text_210122.style.display='none'; Code_Open_Image_210122.style.display='inline'; Code_Open_Text_210122.style.display='inline';" alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" width="11" height="16" /><img style="display: none" id="Code_Open_Image_210122" onclick="this.style.display='none'; Code_Open_Text_210122.style.display='none'; Code_Closed_Image_210122.style.display='inline'; Code_Closed_Text_210122.style.display='inline';" alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" width="11" height="16" /><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Code_Closed_Text_210122">点击展开</span><span style="display: none" id="Code_Open_Text_210122"><br />
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><span style="color: #000000">&lt;IfModule&nbsp;dir_module&gt;<br />
&nbsp;&nbsp;&nbsp;&nbsp;DirectoryIndex&nbsp;index.html&nbsp;index.php&nbsp;index.htm<br />
&lt;/IfModule&gt;</span></span></div>
<br />
这样基本上就配置完成了<br />
<br />
在apache安装目录下找到htdocs目录，修改其中index.html为index.php，修改内容为<br />
<div style="border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding-bottom: 4px; background-color: #eeeeee; padding-left: 4px; width: 98%; padding-right: 5px; font-size: 13px; word-break: break-all; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-top: 4px"><img id="Code_Closed_Image_210701" onclick="this.style.display='none'; Code_Closed_Text_210701.style.display='none'; Code_Open_Image_210701.style.display='inline'; Code_Open_Text_210701.style.display='inline';" alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" width="11" height="16" /><img style="display: none" id="Code_Open_Image_210701" onclick="this.style.display='none'; Code_Open_Text_210701.style.display='none'; Code_Closed_Image_210701.style.display='inline'; Code_Closed_Text_210701.style.display='inline';" alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" width="11" height="16" /><span style="border-bottom: #808080 1px solid; border-left: #808080 1px solid; background-color: #ffffff; border-top: #808080 1px solid; border-right: #808080 1px solid" id="Code_Closed_Text_210701">点击展开</span><span style="display: none" id="Code_Open_Text_210701"><br />
<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><img alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" /><span style="color: #0000ff">&lt;</span><span style="color: #800000">html</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">h1</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">It&nbsp;works!</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">h1</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;?</span><span style="color: #ff00ff">php<br />
<img alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;phpinfo();<br />
<img alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">?&gt;</span><span style="color: #000000"><br />
<img alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">body</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" align="top" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" /></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">html</span><span style="color: #0000ff">&gt;</span></span></div>
<br />
重启apache，或者重启电脑后，在浏览器中输入<a href="http://127.0.0.1/">http://127.0.0.1/</a>即可查看结果<br />
<img border="0" alt="" src="http://www.blogjava.net/images/blogjava_net/canvas/2008-09-03_210948.gif" /><br />
<br />
<br />
<img src ="http://www.blogjava.net/canvas/aggbug/226778.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/canvas/" target="_blank">Barrie</a> 2008-09-03 21:16 <a href="http://www.blogjava.net/canvas/articles/226778.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>使用正则表达式来限制输入框中只能输入数字</title><link>http://www.blogjava.net/canvas/articles/226416.html</link><dc:creator>Barrie</dc:creator><author>Barrie</author><pubDate>Tue, 02 Sep 2008 08:10:00 GMT</pubDate><guid>http://www.blogjava.net/canvas/articles/226416.html</guid><wfw:comment>http://www.blogjava.net/canvas/comments/226416.html</wfw:comment><comments>http://www.blogjava.net/canvas/articles/226416.html#Feedback</comments><slash:comments>2</slash:comments><wfw:commentRss>http://www.blogjava.net/canvas/comments/commentRss/226416.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/canvas/services/trackbacks/226416.html</trackback:ping><description><![CDATA[在JavaScript中使用正则表达式来限制输入框——输入框中只能输入数字<br />
<div style="padding-right: 5px; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left-color: #cccccc; width: 98%; word-break: break-all; padding-top: 4px; background-color: #eeeeee; "><img id="Code_Closed_Image_160408" onclick="this.style.display='none'; Code_Closed_Text_160408.style.display='none'; Code_Open_Image_160408.style.display='inline'; Code_Open_Text_160408.style.display='inline';" height="16" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" width="11" align="top" style="display: none; " /><img id="Code_Open_Image_160408" style="display: inline; " onclick="this.style.display='none'; Code_Open_Text_160408.style.display='none'; Code_Closed_Image_160408.style.display='inline'; Code_Closed_Text_160408.style.display='inline';" height="16" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" width="11" align="top" /><span id="Code_Closed_Text_160408" style="border-right-color: #808080; border-right-width: 1px; border-right-style: solid; border-top-color: #808080; border-top-width: 1px; border-top-style: solid; border-left-color: #808080; border-left-width: 1px; border-left-style: solid; border-bottom-color: #808080; border-bottom-width: 1px; border-bottom-style: solid; background-color: #ffffff; display: none; ">点击查看</span><span id="Code_Open_Text_160408" style="display: inline; "><br />
<!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #008080"> 1</span><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><span style="color: #000000">&lt;</span><span style="color: #000000">script language</span><span style="color: #000000">=</span><span style="color: #000000">"</span><span style="color: #000000">JavaScript</span><span style="color: #000000">"</span><span style="color: #000000">></span><span style="color: #000000"><br />
</span><span style="color: #008080"> 2</span><span style="color: #000000"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">function</span><span style="color: #000000"> nst_convert_all(tinput)<br />
</span><span style="color: #008080"> 3</span><span style="color: #000000"><img id="Codehighlighter1_64_262_Open_Image" onclick="this.style.display='none'; Codehighlighter1_64_262_Open_Text.style.display='none'; Codehighlighter1_64_262_Closed_Image.style.display='inline'; Codehighlighter1_64_262_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_64_262_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_64_262_Closed_Text.style.display='none'; Codehighlighter1_64_262_Open_Image.style.display='inline'; Codehighlighter1_64_262_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" /></span><span id="Codehighlighter1_64_262_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff"><img alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_64_262_Open_Text"><span style="color: #000000">{<br />
</span><span style="color: #008080"> 4</span><span style="color: #000000"><img id="Codehighlighter1_91_109_Open_Image" onclick="this.style.display='none'; Codehighlighter1_91_109_Open_Text.style.display='none'; Codehighlighter1_91_109_Closed_Image.style.display='inline'; Codehighlighter1_91_109_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top" /><img id="Codehighlighter1_91_109_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_91_109_Closed_Text.style.display='none'; Codehighlighter1_91_109_Open_Image.style.display='inline'; Codehighlighter1_91_109_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif" align="top" />   </span><span style="color: #0000ff">if</span><span style="color: #000000">(tinput.value</span><span style="color: #000000">==</span><span style="color: #000000">"")</span><span id="Codehighlighter1_91_109_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff"><img alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_91_109_Open_Text"><span style="color: #000000">{<br />
</span><span style="color: #008080"> 5</span><span style="color: #000000"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />     </span><span style="color: #0000ff">return</span><span style="color: #000000">;<br />
</span><span style="color: #008080"> 6</span><span style="color: #000000"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockEnd.gif" align="top" />   }</span></span><span style="color: #000000"><br />
</span><span style="color: #008080"> 7</span><span style="color: #000000"><img id="Codehighlighter1_177_179_Open_Image" onclick="this.style.display='none'; Codehighlighter1_177_179_Open_Text.style.display='none'; Codehighlighter1_177_179_Closed_Image.style.display='inline'; Codehighlighter1_177_179_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedSubBlockStart.gif" align="top" /><img id="Codehighlighter1_177_179_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_177_179_Closed_Text.style.display='none'; Codehighlighter1_177_179_Open_Image.style.display='inline'; Codehighlighter1_177_179_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedSubBlock.gif" align="top" />   </span><span style="color: #0000ff">var</span><span style="color: #000000"> ms </span><span style="color: #000000">=</span><span style="color: #000000"> tinput.value.replace(</span><span style="color: #000000">/</span><span style="color: #000000">[</span><span style="color: #000000">^</span><span style="color: #000000">\d\.]</span><span style="color: #000000">/</span><span style="color: #000000">g,</span><span style="color: #000000">""</span><span style="color: #000000">).replace(</span><span style="color: #000000">/</span><span style="color: #000000">(\.\d</span><span id="Codehighlighter1_177_179_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff"><img alt="" src="http://www.blogjava.net/Images/dot.gif" /></span><span id="Codehighlighter1_177_179_Open_Text"><span style="color: #000000">{</span><span style="color: #000000">2</span><span style="color: #000000">}</span></span><span style="color: #000000">).</span><span style="color: #000000">+</span><span style="color: #000000">$</span><span style="color: #000000">/</span><span style="color: #000000">,</span><span style="color: #000000">"</span><span style="color: #000000">$1</span><span style="color: #000000">"</span><span style="color: #000000">).replace(</span><span style="color: #000000">/^</span><span style="color: #000000">0</span><span style="color: #000000">+</span><span style="color: #000000">([</span><span style="color: #000000">1</span><span style="color: #000000">-</span><span style="color: #000000">9</span><span style="color: #000000">])</span><span style="color: #000000">/</span><span style="color: #000000">,</span><span style="color: #000000">"</span><span style="color: #000000">$1</span><span style="color: #000000">"</span><span style="color: #000000">).replace(</span><span style="color: #000000">/^</span><span style="color: #000000">0</span><span style="color: #000000">+</span><span style="color: #000000">$</span><span style="color: #000000">/</span><span style="color: #000000">,</span><span style="color: #000000">"</span><span style="color: #000000">0</span><span style="color: #000000">"</span><span style="color: #000000">);<br />
</span><span style="color: #008080"> 8</span><span style="color: #000000"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />   tinput.value </span><span style="color: #000000">=</span><span style="color: #000000"> ms;<br />
</span><span style="color: #008080"> 9</span><span style="color: #000000"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" />}</span></span><span style="color: #000000"><br />
</span><span style="color: #008080">10</span><span style="color: #000000"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #000000">&lt;/</span><span style="color: #000000">script</span><span style="color: #000000">></span></span></div>
这样使用：<br />
<div style="padding-right: 5px; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left-color: #cccccc; width: 98%; word-break: break-all; padding-top: 4px; background-color: #eeeeee; "><img id="Code_Closed_Image_160747" onclick="this.style.display='none'; Code_Closed_Text_160747.style.display='none'; Code_Open_Image_160747.style.display='inline'; Code_Open_Text_160747.style.display='inline';" height="16" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" width="11" align="top" style="display: none; " /><img id="Code_Open_Image_160747" style="display: inline; " onclick="this.style.display='none'; Code_Open_Text_160747.style.display='none'; Code_Closed_Image_160747.style.display='inline'; Code_Closed_Text_160747.style.display='inline';" height="16" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" width="11" align="top" /><span id="Code_Closed_Text_160747" style="border-right-color: #808080; border-right-width: 1px; border-right-style: solid; border-top-color: #808080; border-top-width: 1px; border-top-style: solid; border-left-color: #808080; border-left-width: 1px; border-left-style: solid; border-bottom-color: #808080; border-bottom-width: 1px; border-bottom-style: solid; background-color: #ffffff; display: none; ">点击查看</span><span id="Code_Open_Text_160747" style="display: inline; "><br />
<!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #008080">1</span> <span style="color: #0000ff">&lt;</span><span style="color: #800000">input </span><span style="color: #ff0000">type</span><span style="color: #0000ff">=&#8220;text&#8221;  </span><span style="color: #ff0000">style</span><span style="color: #0000ff">="width:120px"</span><span style="color: #ff0000"> onkeyup</span><span style="color: #0000ff">="nst_convert_all(this)"</span><span style="color: #0000ff">/></span></span></div>
<script language="JavaScript">function nst_convert_all(tinput){if(tinput.value==""){return;} var ms = tinput.value.replace(/[^\d\.]/g,"").replace(/(\.\d{2}).+$/,"$1").replace(/^0+([1-9])/,"$1").replace(/^0+$/,"0"); tinput.value = ms;}</script>
<div><br />
</div>
请在这里测试<input type="&#8220;text&#8221;" style="width:120px" onkeyup="nst_convert_all(this)" />
<img src ="http://www.blogjava.net/canvas/aggbug/226416.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/canvas/" target="_blank">Barrie</a> 2008-09-02 16:10 <a href="http://www.blogjava.net/canvas/articles/226416.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>也扯打造个性BlogJava模板</title><link>http://www.blogjava.net/canvas/articles/template-canvas.html</link><dc:creator>Barrie</dc:creator><author>Barrie</author><pubDate>Tue, 06 May 2008 07:49:00 GMT</pubDate><guid>http://www.blogjava.net/canvas/articles/template-canvas.html</guid><wfw:comment>http://www.blogjava.net/canvas/comments/198721.html</wfw:comment><comments>http://www.blogjava.net/canvas/articles/template-canvas.html#Feedback</comments><slash:comments>1</slash:comments><wfw:commentRss>http://www.blogjava.net/canvas/comments/commentRss/198721.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/canvas/services/trackbacks/198721.html</trackback:ping><description><![CDATA[编写此文的目的：当你看到我这篇博文的时候，估计你就不能体会我为什么要编写此文了。在此文发表之前，我需要一篇博文来改变我的首页的丑陋的状态，于是我就写了这篇博文。<br />
使用到的工具：大脑一个,手两只， <a href="http://download.microsoft.com/download/f/3/c/f3c93e70-ccdc-46c9-bbd4-70d94bdd0cc9/IEDevToolBarSetup.msi">IE Developer(点击下载)</a>，其他东西若干 <br />
打造过程:<br />
前天申请的BlogJava,感觉很不错，看看后台，发现可以通过修改CSS改变自己博客的面貌。 cnblog上有人说有比较好的costom的模板，可在BlogJava里我却没有找到这个模板。系统里已经自带了很多模板了，都很漂亮，但是自己还是喜欢那种oracle数据库帮助文档那种样式的页面，在后台选了个最接近自己想法的模板cogitation,然后就开始这次改造工程。<br />
大侠们见谅，以下部分没有什么内涵，都是一些干完体力活后发的牢骚<br />
如果你还想继续往下看，请确保你已经成功安装了IE Developer浏览器插件。<br />
打开自己的BlogJava首页，可以看到自己选的模板已经生效了，先用IE Developer查看一下自己首页的结构吧，很简单，一目了然。想起了后台可以自己用HTML定义页面的头部和尾部，这个太好了，直接把原先的页面头和尾设为不显示,css代码如下：<br />
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><img id="Codehighlighter1_7_23_Open_Image" onclick="this.style.display='none'; Codehighlighter1_7_23_Open_Text.style.display='none'; Codehighlighter1_7_23_Closed_Image.style.display='inline'; Codehighlighter1_7_23_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_7_23_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_7_23_Closed_Text.style.display='none'; Codehighlighter1_7_23_Open_Image.style.display='inline'; Codehighlighter1_7_23_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" /><span style="color: #800000">#footer</span><span id="Codehighlighter1_7_23_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff">{<img alt="" src="http://www.blogjava.net/Images/dot.gif" />}</span><span id="Codehighlighter1_7_23_Open_Text"><span style="color: #000000">{</span><span style="color: #ff0000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />display</span><span style="color: #000000">:</span><span style="color: #0000ff">none</span><span style="color: #000000">;</span><span style="color: #ff0000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" /></span><span style="color: #000000">}</span></span><span style="color: #800000"><br />
<img id="Codehighlighter1_30_46_Open_Image" onclick="this.style.display='none'; Codehighlighter1_30_46_Open_Text.style.display='none'; Codehighlighter1_30_46_Closed_Image.style.display='inline'; Codehighlighter1_30_46_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_30_46_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_30_46_Closed_Text.style.display='none'; Codehighlighter1_30_46_Open_Image.style.display='inline'; Codehighlighter1_30_46_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" />#top&nbsp;</span><span id="Codehighlighter1_30_46_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff">{<img alt="" src="http://www.blogjava.net/Images/dot.gif" />}</span><span id="Codehighlighter1_30_46_Open_Text"><span style="color: #000000">{</span><span style="color: #ff0000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />display</span><span style="color: #000000">:</span><span style="color: #0000ff">none</span><span style="color: #000000">;</span><span style="color: #ff0000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" /></span><span style="color: #000000">}</span></span></div>
然后自己写个页面头和尾，把自己的写的头和尾的html代码拷到后台对应的地方，代码不要是完整的html页，一两个table即可。自己写的头和尾页可以有css，把这些css放到『通过css定制页面』中去吧。例如我的页首页脚html代码就是这样：<br />
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><span style="color: #0000ff">&lt;</span><span style="color: #800000">table&nbsp;</span><span style="color: #ff0000">width</span><span style="color: #0000ff">="100%"</span><span style="color: #ff0000">&nbsp;height</span><span style="color: #0000ff">="60"</span><span style="color: #ff0000">&nbsp;border</span><span style="color: #0000ff">="0"</span><span style="color: #ff0000">&nbsp;cellpadding</span><span style="color: #0000ff">="0"</span><span style="color: #ff0000">&nbsp;cellspacing</span><span style="color: #0000ff">="0"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">tr</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">td&nbsp;</span><span style="color: #ff0000">valign</span><span style="color: #0000ff">="middle"</span><span style="color: #ff0000">&nbsp;id</span><span style="color: #0000ff">="canvasHeader"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">h3</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">Canvas</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">h3</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">p</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">积极且具有忧患意识的人,在每一次忧患中都会看到机会,并且在每个机会中也都会看到某种忧患!</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">p</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;&lt;</span><span style="color: #800000">img&nbsp;</span><span style="color: #ff0000">src</span><span style="color: #0000ff">="/images/blogjava_net/canvas/logo.gif"</span><span style="color: #ff0000">&nbsp;alt</span><span style="color: #0000ff">="logo"</span><span style="color: #ff0000">&nbsp;width</span><span style="color: #0000ff">="130"</span><span style="color: #ff0000">&nbsp;height</span><span style="color: #0000ff">="45"</span><span style="color: #ff0000">&nbsp;align</span><span style="color: #0000ff">="right"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">/&gt;&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">tr</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">table</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;</span><span style="color: #800000">div&nbsp;</span><span style="color: #ff0000">id</span><span style="color: #0000ff">="canvasNav"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;</span><span style="color: #800000">table&nbsp;</span><span style="color: #ff0000">width</span><span style="color: #0000ff">="100%"</span><span style="color: #ff0000">&nbsp;border</span><span style="color: #0000ff">="0"</span><span style="color: #ff0000">&nbsp;cellspacing</span><span style="color: #0000ff">="0"</span><span style="color: #ff0000">&nbsp;cellpadding</span><span style="color: #0000ff">="0"</span><span style="color: #ff0000">&nbsp;align</span><span style="color: #0000ff">="right"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">tr</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;&lt;</span><span style="color: #800000">table&nbsp;&nbsp;</span><span style="color: #ff0000">height</span><span style="color: #0000ff">="20"</span><span style="color: #ff0000">&nbsp;border</span><span style="color: #0000ff">="0"</span><span style="color: #ff0000">&nbsp;cellpadding</span><span style="color: #0000ff">="0"</span><span style="color: #ff0000">&nbsp;cellspacing</span><span style="color: #0000ff">="0"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">tr</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">td&nbsp;</span><span style="color: #ff0000">width</span><span style="color: #0000ff">="100"</span><span style="color: #ff0000">&nbsp;align</span><span style="color: #0000ff">="center"</span><span style="color: #0000ff">&gt;&lt;</span><span style="color: #800000">a&nbsp;</span><span style="color: #ff0000">href</span><span style="color: #0000ff">="http://www.blogjava.net/canvas/"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">首页</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">a</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">td&nbsp;</span><span style="color: #ff0000">width</span><span style="color: #0000ff">="100"</span><span style="color: #ff0000">&nbsp;align</span><span style="color: #0000ff">="center"</span><span style="color: #0000ff">&gt;&lt;</span><span style="color: #800000">a&nbsp;</span><span style="color: #ff0000">href</span><span style="color: #0000ff">="http://www.blogjava.net/canvas/admin/EditPosts.aspx?opt=1"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">新随笔</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">a</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">td&nbsp;</span><span style="color: #ff0000">width</span><span style="color: #0000ff">="100"</span><span style="color: #ff0000">&nbsp;align</span><span style="color: #0000ff">="center"</span><span style="color: #0000ff">&gt;&lt;</span><span style="color: #800000">a&nbsp;</span><span style="color: #ff0000">href</span><span style="color: #0000ff">="http://www.blogjava.net/canvas/rss"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">聚合</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">img&nbsp;</span><span style="color: #ff0000">src</span><span style="color: #0000ff">="http://www.blogjava.net/images/xml.gif"</span><span style="color: #ff0000">&nbsp;style</span><span style="color: #0000ff">="border-width:0px;"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">/&gt;&lt;/</span><span style="color: #800000">a</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">td&nbsp;</span><span style="color: #ff0000">width</span><span style="color: #0000ff">="100"</span><span style="color: #ff0000">&nbsp;align</span><span style="color: #0000ff">="center"</span><span style="color: #0000ff">&gt;&lt;</span><span style="color: #800000">a&nbsp;</span><span style="color: #ff0000">href</span><span style="color: #0000ff">="http://www.blogjava.net/canvas/contact.aspx?id=1"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">联系</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">a</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">td&nbsp;</span><span style="color: #ff0000">width</span><span style="color: #0000ff">="100"</span><span style="color: #ff0000">&nbsp;align</span><span style="color: #0000ff">="center"</span><span style="color: #0000ff">&gt;&lt;</span><span style="color: #800000">a&nbsp;</span><span style="color: #ff0000">href</span><span style="color: #0000ff">="http://www.blogjava.net/canvas/admin/EditPosts.aspx"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">管理</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">a</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">tr</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">table</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">tr</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">tr&nbsp;</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">td&nbsp;</span><span style="color: #ff0000">background</span><span style="color: #0000ff">="/images/blogjava_net/canvas/hr.gif"</span><span style="color: #ff0000">&nbsp;height</span><span style="color: #0000ff">="4"</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">tr</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">table</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">div</span><span style="color: #0000ff">&gt;</span></div>
<br />
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><span style="color: #0000ff">&lt;</span><span style="color: #800000">div</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;</span><span style="color: #800000">table&nbsp;</span><span style="color: #ff0000">width</span><span style="color: #0000ff">="100%"</span><span style="color: #ff0000">&nbsp;border</span><span style="color: #0000ff">="0"</span><span style="color: #ff0000">&nbsp;cellspacing</span><span style="color: #0000ff">="0"</span><span style="color: #ff0000">&nbsp;cellpadding</span><span style="color: #0000ff">="0"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">tr</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">td&nbsp;</span><span style="color: #ff0000">background</span><span style="color: #0000ff">="/images/blogjava_net/canvas/hr.gif"</span><span style="color: #ff0000">&nbsp;height</span><span style="color: #0000ff">="4"</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">tr</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">tr</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">td&nbsp;</span><span style="color: #ff0000">align</span><span style="color: #0000ff">="center"</span><span style="color: #ff0000">&nbsp;id</span><span style="color: #0000ff">="canvasfooter"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;<br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">img&nbsp;</span><span style="color: #ff0000">src</span><span style="color: #0000ff">="/images/blogjava_net/canvas/bottom.gif"</span><span style="color: #ff0000">&nbsp;alt</span><span style="color: #0000ff">="canvas"</span><span style="color: #ff0000">&nbsp;width</span><span style="color: #0000ff">="80"</span><span style="color: #ff0000">&nbsp;height</span><span style="color: #0000ff">="25"</span><span style="color: #ff0000">&nbsp;</span><span style="color: #0000ff">/&gt;&lt;</span><span style="color: #800000">br&nbsp;</span><span style="color: #0000ff">/&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">a&nbsp;</span><span style="color: #ff0000">href</span><span style="color: #0000ff">="http://elgnaw.cn/"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">Copyright&nbsp;</span><span style="color: #ff0000">&amp;copy;</span><span style="color: #000000">&nbsp;Canvas&nbsp;Wong</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">a</span><span style="color: #0000ff">&gt;</span><span style="color: #ff0000">&amp;nbsp;</span><span style="color: #0000ff">&lt;</span><span style="color: #800000">a&nbsp;</span><span style="color: #ff0000">href</span><span style="color: #0000ff">="mailto:canvas.wong@gmail.com"</span><span style="color: #0000ff">&gt;</span><span style="color: #000000">Contact&nbsp;me</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">a</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">td</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" />&nbsp;&nbsp;</span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">tr</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">table</span><span style="color: #0000ff">&gt;</span><span style="color: #000000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/None.gif" align="top" /></span><span style="color: #0000ff">&lt;/</span><span style="color: #800000">div</span><span style="color: #0000ff">&gt;</span></div>
<br />
接下来就是用IE develop导出页面css，然后自己修改成自己想要的样子，再放回『通过css定制页面』中去即可。<br />
看到留言框内有个google广告，通过后台可以去掉这个广告，但是会留下一个iframe框，不知道你那是不是也这样。仔细看了一下留言页面代码，使用这段css代码把iframe设置为不显示:
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; word-break: break-all; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee"><img id="Codehighlighter1_6_22_Open_Image" onclick="this.style.display='none'; Codehighlighter1_6_22_Open_Text.style.display='none'; Codehighlighter1_6_22_Closed_Image.style.display='inline'; Codehighlighter1_6_22_Closed_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockStart.gif" align="top" /><img id="Codehighlighter1_6_22_Closed_Image" style="display: none" onclick="this.style.display='none'; Codehighlighter1_6_22_Closed_Text.style.display='none'; Codehighlighter1_6_22_Open_Image.style.display='inline'; Codehighlighter1_6_22_Open_Text.style.display='inline';" alt="" src="http://www.blogjava.net/images/OutliningIndicators/ContractedBlock.gif" align="top" /><span style="color: #800000">iframe</span><span id="Codehighlighter1_6_22_Closed_Text" style="border-right: #808080 1px solid; border-top: #808080 1px solid; display: none; border-left: #808080 1px solid; border-bottom: #808080 1px solid; background-color: #ffffff">{<img alt="" src="http://www.blogjava.net/Images/dot.gif" />}</span><span id="Codehighlighter1_6_22_Open_Text"><span style="color: #000000">{</span><span style="color: #ff0000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/InBlock.gif" align="top" />display</span><span style="color: #000000">:</span><span style="color: #0000ff">none</span><span style="color: #000000">;</span><span style="color: #ff0000"><br />
<img alt="" src="http://www.blogjava.net/images/OutliningIndicators/ExpandedBlockEnd.gif" align="top" /></span><span style="color: #000000">}</span></span></div>
<p>总结:右键-&gt;查看源代码,原模板的东西都在，只是没有显示出来，糊弄一下看客的眼睛而已。</p>
<p>找一个自己喜欢的模板，将它打造得面目全非吧。</p>
 <img src ="http://www.blogjava.net/canvas/aggbug/198721.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/canvas/" target="_blank">Barrie</a> 2008-05-06 15:49 <a href="http://www.blogjava.net/canvas/articles/template-canvas.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>