博客园_白桦的天空第一次的心动，永远的心痛！http://feed.cnblogs.com/blog/u/10700/rss2012-04-24T04:48:46Z白桦的天空http://www.cnblogs.com/chinatefl/feed.cnblogs.comhttp://www.cnblogs.com/chinatefl/archive/2012/01/18/2325787.html【川菜】重庆酸辣粉【川菜】重庆酸辣粉1黄豆泡发四小时。2姜切末，蒜要碎，豆瓣酱剁细，粉丝一把。3锅放油，开小火，黄豆用厨房纸吸干水分，放在油里慢火炸。4改大火为，将黄豆炸至浮起，捞出。5黄豆中加少许盐拌匀。6锅中加水，放入粉丝煮熟。7熟粉丝捞出盛碗中。放盐，鸡精，胡椒粉，白糖，加入生抽和醋。8高汤加入豆瓣酱，姜和蒜烧开，浇在碗中，最后放入香菜末，黄豆和香油。2012-01-18T09:18:00Z2012-01-18T09:18:00Z白桦的天空http://www.cnblogs.com/chinatefl/<div><p><strong><a href="http://home.meishichina.com/recipe-27053.html" title="【川菜】重庆酸辣粉" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #cc0000; text-decoration: none; ">【川菜】重庆酸辣粉</a></strong></p><div><ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; clear: both; float: left; width: 620px; line-height: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; background-color: #ffffff; "><li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 31px; padding-bottom: 15px; padding-left: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; float: left; font-size: 14px; line-height: 22px; width: 186px; "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 22px; font-weight: bold; color: #999999; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; ">1</div><img src="http://i3.meishichina.com/attachment/recipe/201106/m_201106151947155.jpg" width="180" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; vertical-align: middle; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; " alt="" /><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />黄豆泡发四小时。</li><li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 31px; padding-bottom: 15px; padding-left: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; float: left; font-size: 14px; line-height: 22px; width: 186px; "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 22px; font-weight: bold; color: #999999; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; ">2</div><img src="http://i3.meishichina.com/attachment/recipe/201106/m_201106151948149.jpg" width="180" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; vertical-align: middle; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; " alt="" /><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />姜切末，蒜要碎，豆瓣酱剁细，粉丝一把。<span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #999999; "> </span></li><li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; float: left; font-size: 14px; line-height: 22px; width: 186px; "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 22px; font-weight: bold; color: #999999; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; ">3</div><img src="http://i3.meishichina.com/attachment/recipe/201106/m_201106151949468.jpg" width="180" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; vertical-align: middle; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; " alt="" /><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />锅放油，开小火，黄豆用厨房纸吸干水分，放在油里慢火炸。</li></ul><ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; clear: both; float: left; width: 620px; line-height: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; background-color: #ffffff; "><li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 31px; padding-bottom: 15px; padding-left: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; float: left; font-size: 14px; line-height: 22px; width: 186px; "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 22px; font-weight: bold; color: #999999; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; ">4</div><img src="http://i3.meishichina.com/attachment/recipe/201106/m_201106151950541.jpg" width="180" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; vertical-align: middle; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; " alt="" /><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />改大火为，将黄豆炸至浮起，捞出。</li><li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 31px; padding-bottom: 15px; padding-left: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; float: left; font-size: 14px; line-height: 22px; width: 186px; "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 22px; font-weight: bold; color: #999999; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; ">5</div><img src="http://i3.meishichina.com/attachment/recipe/201106/m_201106151951305.jpg" width="180" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; vertical-align: middle; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; " alt="" /><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />黄豆中加少许盐拌匀。</li><li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; float: left; font-size: 14px; line-height: 22px; width: 186px; "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 22px; font-weight: bold; color: #999999; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; ">6</div><img src="http://i3.meishichina.com/attachment/recipe/201106/m_201106151952085.jpg" width="180" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; vertical-align: middle; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; " alt="" /><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />锅中加水，放入粉丝煮熟。</li></ul><ul style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; clear: both; float: left; width: 620px; line-height: 1px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; background-color: #ffffff; "><li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 31px; padding-bottom: 15px; padding-left: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; float: left; font-size: 14px; line-height: 22px; width: 186px; "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 22px; font-weight: bold; color: #999999; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; ">7</div><img src="http://i3.meishichina.com/attachment/recipe/201106/m_201106151952485.jpg" width="180" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; vertical-align: middle; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; " alt="" /><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />熟粉丝捞出盛碗中。放盐，鸡精，胡椒粉，白糖，加入生抽和醋。<span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #999999; "> </span></li><li style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 31px; padding-bottom: 15px; padding-left: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; float: left; font-size: 14px; line-height: 22px; width: 186px; "><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 22px; font-weight: bold; color: #999999; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; ">8</div><img src="http://i3.meishichina.com/attachment/recipe/201106/m_201106151954310.jpg" width="180" border="0" style="margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; vertical-align: middle; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; " alt="" /><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />高汤加入豆瓣酱，姜和蒜烧开，浇在碗中，最后放入香菜末，黄豆和香油。</li></ul><p><strong><br /></strong></p></div><p> </p></div><img src="http://www.cnblogs.com/chinatefl/aggbug/2325787.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/chinatefl/archive/2012/01/18/2325787.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/chinatefl/archive/2012/01/13/2321779.htmljsAnim学习examplesThis page offers some simple examples, we will call the mushroom experiments. First, let us begin with the basic setup for the html page. Create a file index.html and a file main.js, in the head of the index.html file, add the following code:view plaincopy to clipboardprint?<!--jsAnim--&g2012-01-13T08:26:00Z2012-01-13T08:26:00Z白桦的天空http://www.cnblogs.com/chinatefl/<div><p><strong><div><p><strong>examples</strong></p><p>This page offers some simple examples, we will call the mushroom experiments. First, let us begin with the basic setup for the html page. Create a file index.html and a file main.js, in the head of the index.html file, add the following code:</p><div style="background-color: #ffedc6; width: 578px; line-height: normal; "><div><div><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">view plain</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">copy to clipboard</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">print</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">?</a></div></div><ol start="1" style="border-width: initial; border-color: initial; "><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><!-- jsAnim --></span><span style="border-width: initial; border-color: initial; "> </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; color: #006699; "><</span><span style="border-width: initial; border-color: initial; color: #006699; ">script</span> <span style="border-width: initial; border-color: initial; color: red; ">type</span><span style="border-width: initial; border-color: initial; ">=</span><span style="border-width: initial; border-color: initial; color: blue; ">"text/javascript"</span> <span style="border-width: initial; border-color: initial; color: red; ">src</span><span style="border-width: initial; border-color: initial; ">=</span><span style="border-width: initial; border-color: initial; color: blue; ">"jsAnim.js"</span><span style="border-width: initial; border-color: initial; color: #006699; ">></span><span style="border-width: initial; border-color: initial; color: #006699; "></</span><span style="border-width: initial; border-color: initial; color: #006699; ">script</span><span style="border-width: initial; border-color: initial; color: #006699; ">></span><span style="border-width: initial; border-color: initial; "> </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; color: #006699; "><</span><span style="border-width: initial; border-color: initial; color: #006699; ">script</span> <span style="border-width: initial; border-color: initial; color: red; ">type</span><span style="border-width: initial; border-color: initial; ">=</span><span style="border-width: initial; border-color: initial; color: blue; ">"text/javascript"</span> <span style="border-width: initial; border-color: initial; color: red; ">src</span><span style="border-width: initial; border-color: initial; ">=</span><span style="border-width: initial; border-color: initial; color: blue; ">"main.js"</span><span style="border-width: initial; border-color: initial; color: #006699; ">></span><span style="border-width: initial; border-color: initial; color: #006699; "></</span><span style="border-width: initial; border-color: initial; color: #006699; ">script</span><span style="border-width: initial; border-color: initial; color: #006699; ">></span><span style="border-width: initial; border-color: initial; "> </span></span></li></ol></div><p>Make sure to put something to animate in the index.html file. For our experiments, we will be using a png image of a mushroom, which will give an id of mushroom. If you want the animations to begin when the page loads, it might be beneficial to create a function named init() and add onload="init()" to the body tag of your page.</p><p>In our main.js file, we can now instantiate the jsAnimManager object, with the following basic code:</p><div style="background-color: #ffedc6; width: 578px; line-height: normal; "><div><div><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">view plain</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">copy to clipboard</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">print</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">?</a></div></div><ol start="1" style="border-width: initial; border-color: initial; "><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">var</span><span style="border-width: initial; border-color: initial; "> manager = </span><span style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> jsAnimManager(); </span></span></li></ol></div><p>We can now consider a basic example. We will give the mushroom a relative positioning, and then animate the left parameter to make it move from the left to the right of the page.</p><div style="background-color: #ffedc6; width: 578px; line-height: normal; "><div><div><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">view plain</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">copy to clipboard</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">print</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">?</a></div></div><ol start="1" style="border-width: initial; border-color: initial; "><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom = document.getElementById(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom.style.position = <span style="border-width: initial; border-color: initial; ">"relative"</span><span style="border-width: initial; border-color: initial; ">; </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">var</span><span style="border-width: initial; border-color: initial; "> anim = manager.createAnimObject(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">anim.add({property: Prop.left, to: 500, duration: 2000}); </span></li></ol></div><center style="font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; "><button>Animate!</button></center><div style="position: relative; width: 550px; height: 60px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; border-image: initial; "><img src="http://jsanim.com/images/mushroom.png" id="mushroom1" style="position: relative; left: 500px; " alt="" /></div><p>Now let's take a look at the same example, but instead, let's use the jsAnim positioning system.</p><div style="background-color: #ffedc6; width: 578px; line-height: normal; "><div><div><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">view plain</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">copy to clipboard</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">print</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">?</a></div></div><ol start="1" style="border-width: initial; border-color: initial; "><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom = document.getElementById(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">manager.registerPosition(<span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom.setPosition(-250,25); </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">var</span><span style="border-width: initial; border-color: initial; "> anim = manager.createAnimObject(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">anim.add({property: Prop.position, to: <span style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Pos(250,25), </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> duration: 2000}); </span></li></ol></div><center style="font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; "><button>Animate!</button></center><div style="position: relative; width: 550px; height: 60px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; border-image: initial; "><img src="http://jsanim.com/images/mushroom.png" id="mushroom2" alt="" /></div><p>The real power of the positioning system is that we can animate both a vertical and horizontal component at the same time, without having two animation objects.</p><div style="background-color: #ffedc6; width: 578px; line-height: normal; "><div><div><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">view plain</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">copy to clipboard</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">print</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">?</a></div></div><ol start="1" style="border-width: initial; border-color: initial; "><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom = document.getElementById(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">manager.registerPosition(<span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom.setPosition(-250,25); </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">var</span><span style="border-width: initial; border-color: initial; "> anim = manager.createAnimObject(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">anim.add({property: Prop.position, to: <span style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Pos(250,100), </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> duration: 2000}); </span></li></ol></div><center style="font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; "><button>Animate!</button></center><div style="position: relative; width: 550px; height: 140px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; border-image: initial; "><img src="http://jsanim.com/images/mushroom.png" id="mushroom3" alt="" /></div><p>We can also animate from one position to the next in some path other than a straight line!</p><div style="background-color: #ffedc6; width: 578px; line-height: normal; "><div><div><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">view plain</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">copy to clipboard</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">print</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">?</a></div></div><ol start="1" style="border-width: initial; border-color: initial; "><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom = document.getElementById(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">manager.registerPosition(<span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom.setPosition(-250,25); </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">var</span><span style="border-width: initial; border-color: initial; "> anim = manager.createAnimObject(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">anim.add({property: Prop.positionSemicircle(<span style="border-width: initial; border-color: initial; ">false</span><span style="border-width: initial; border-color: initial; ">), </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> to: <span style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Pos(250,25), duration: 2000}); </span></span></li></ol></div><center style="font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; "><button>Animate!</button></center><div style="position: relative; width: 550px; height: 300px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; border-image: initial; "><img src="http://jsanim.com/images/mushroom.png" id="mushroom4" style="position: absolute; top: 0px; left: 50%; margin-left: 229px; margin-top: 0px; " alt="" /></div><p>Or, we can even use the neat circle feature. This allows the object to be animated in a complete circle, where the to point represents the far-end of the circle.</p><div style="background-color: #ffedc6; width: 578px; line-height: normal; "><div><div><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">view plain</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">copy to clipboard</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">print</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">?</a></div></div><ol start="1" style="border-width: initial; border-color: initial; "><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom = document.getElementById(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">manager.registerPosition(<span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom.setPosition(0,25); </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">var</span><span style="border-width: initial; border-color: initial; "> anim = manager.createAnimObject(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">anim.add({property: Prop.positionCircle(<span style="border-width: initial; border-color: initial; ">true</span><span style="border-width: initial; border-color: initial; ">), to: </span><span style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Pos(0,100), </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> duration: 2000}); </span></li></ol></div><center style="font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; "><button>Animate!</button></center><div style="position: relative; width: 550px; height: 130px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; border-image: initial; "><img src="http://jsanim.com/images/mushroom.png" id="mushroom5" alt="" /></div><p>Of course, we can animate more than just position. For instance, we can animate colors.</p><div style="background-color: #ffedc6; width: 578px; line-height: normal; "><div><div><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">view plain</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">copy to clipboard</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">print</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">?</a></div></div><ol start="1" style="border-width: initial; border-color: initial; "><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">var</span><span style="border-width: initial; border-color: initial; "> anim = manager.createAnimObject(</span><span style="border-width: initial; border-color: initial; ">"colorDiv"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">anim.add({property: Prop.backgroundColor, to: <span style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Col(00,255,133), </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> duration:2000}); </span></li></ol></div><center style="font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; "><button>Animate!</button></center><div id="colorDiv" style="position: relative; width: 550px; height: 60px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-family: Arial; font-weight: normal; line-height: normal; background-color: #ff33aa; font-size: medium; border-image: initial; "></div><p>Animations can also be chained, such that one immediately follows the other. Note that we can also use the wait property to pause a chain for a set amount of time!</p><div style="background-color: #ffedc6; width: 578px; line-height: normal; "><div><div><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">view plain</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">copy to clipboard</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">print</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">?</a></div></div><ol start="1" style="border-width: initial; border-color: initial; "><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom = document.getElementById(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">manager.registerPosition(<span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom.setPosition(-250,25); </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">var</span><span style="border-width: initial; border-color: initial; "> anim = manager.createAnimObject(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">anim.add({property: Prop.position, to: <span style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Pos(250,25), </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> duration: 2000}); </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">anim.add({property: Prop.wait, duration: 1000}); </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">anim.add({property: Prop.position, to: <span style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Pos(0,100), </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> duration: 2000}); </span></li></ol></div><center style="font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; "><button>Animate!</button></center><div style="position: relative; width: 550px; height: 130px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; border-image: initial; "><img src="http://jsanim.com/images/mushroom.png" id="mushroom7" alt="" /></div><p>To animate more than one property at the same time, we must create more than one jsAnimObject.</p><div style="background-color: #ffedc6; width: 578px; line-height: normal; "><div><div><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">view plain</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">copy to clipboard</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">print</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">?</a></div></div><ol start="1" style="border-width: initial; border-color: initial; "><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom = document.getElementById(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">manager.registerPosition(<span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom.setPosition(-250,75); </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">var</span><span style="border-width: initial; border-color: initial; "> anim1 = manager.createAnimObject(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">var</span><span style="border-width: initial; border-color: initial; "> anim2 = manager.createAnimObject(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">anim1.add({property: Prop.position, to: <span style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Pos(250,75), </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> duration: 2000}); </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">anim2.add({property: Prop.dimension, to: <span style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Dim(140,20), </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> duration: 2000}); </span></li></ol></div><center style="font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; "><button>Animate!</button></center><div style="position: relative; width: 550px; height: 150px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; border-image: initial; "><img src="http://jsanim.com/images/mushroom.png" id="mushroom8" alt="" /></div><p>You can use the onComplete callback to trigger events when animations are done.</p><div style="background-color: #ffedc6; width: 578px; line-height: normal; "><div><div><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">view plain</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">copy to clipboard</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">print</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">?</a></div></div><ol start="1" style="border-width: initial; border-color: initial; "><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom = document.getElementById(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">manager.registerPosition(<span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom.setPosition(-250,25); </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">var</span><span style="border-width: initial; border-color: initial; "> anim = manager.createAnimObject(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">anim.add({property: Prop.position, to: <span style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Pos(250,25), </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> duration: 2000, onComplete: <span style="border-width: initial; border-color: initial; ">function</span><span style="border-width: initial; border-color: initial; ">() {alert(</span><span style="border-width: initial; border-color: initial; ">"HEY!"</span><span style="border-width: initial; border-color: initial; ">)}}); </span></span></li></ol></div><center style="font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; "><button>Animate!</button></center><div style="position: relative; width: 550px; height: 60px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; border-image: initial; "><img src="http://jsanim.com/images/mushroom.png" id="mushroom9" alt="" /></div><p>To make animations look really nice, easing is absolutely vital. There are several different types of easing, and the best way to explain them is to simply show them. So for this, example, the different buttons describe which easing method was used in code like the following:</p><div style="background-color: #ffedc6; width: 578px; line-height: normal; "><div><div><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">view plain</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">copy to clipboard</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">print</a><a href="http://jsanim.com/#" style="border-width: initial; border-color: initial; ">?</a></div></div><ol start="1" style="border-width: initial; border-color: initial; "><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom = document.getElementById(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">manager.registerPosition(<span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">shroom.setPosition(-200,25); </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">var</span><span style="border-width: initial; border-color: initial; "> anim = manager.createAnimObject(</span><span style="border-width: initial; border-color: initial; ">"mushroom"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> </span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">anim.add({property: Prop.position, to: <span style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Pos(200,25), </span></span></li><li style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "> duration: 2000, ease: <span style="border-width: initial; border-color: initial; ">/*[EASE METHOD HERE]*/</span><span style="border-width: initial; border-color: initial; ">}); </span></span></li></ol></div><center style="font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; "><button>jsAnimEase.linear</button> <button>jsAnimEase.parabolicPos</button> <button>jsAnimEase.parabolicNeg</button> <button>jsAnimEase.backout(0.4)</button> <button>jsAnimEase.backout(0.6)</button> <button>jsAnimEase.backin(0.4)</button> <button>jsAnimEase.backin(0.6)</button> <button>jsAnimEase.bounceLinear</button> <button>jsAnimEase.bounceParabolic</button> <button>jsAnimEase.bounceSmooth</button></center><div style="position: relative; width: 550px; height: 60px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-family: Arial; font-weight: normal; line-height: normal; background-color: #ffedc6; font-size: medium; border-image: initial; "><img src="http://jsanim.com/images/mushroom.png" id="mushroom10" style="position: absolute; top: 0px; left: 50%; margin-left: -221px; margin-top: 0px; " alt="" /></div><p>So there you have it; that's everything I have to say about my animation library. If you have anything to say, just <a href="mailto:kevin@jsanim.com">email me.</a></p></div></strong></p></div><img src="http://www.cnblogs.com/chinatefl/aggbug/2321779.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/chinatefl/archive/2012/01/13/2321779.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/chinatefl/archive/2011/10/21/2219956.htmlAndroid应用的自动升级、更新模块的实现我们看到很多Android应用都具有自动更新功能，用户一键就可以完成软件的升级更新。得益于Android系统的软件包管理和安装机制，这一功能实现起来相当简单，下面我们就来实践一下。首先给出界面效果：1. 准备知识在AndroidManifest.xml里定义了每个Android apk的版本标识：view plain<manifestxmlns:android="http://schemas.android.com/apk/res/android"package="com.myapp"android:versionCode="1"2011-10-21T02:41:00Z2011-10-21T02:41:00Z白桦的天空http://www.cnblogs.com/chinatefl/<span class="Apple-style-span" style="font-family: Arial; line-height: 26px; background-color: #ffffff; "><p>我们看到很多Android应用都具有自动更新功能，用户一键就可以完成软件的升级更新。得益于Android系统的软件包管理和安装机制，这一功能实现起来相当简单，下面我们就来实践一下。首先给出界面效果：</p><p><img src="http://hi.csdn.net/attachment/201104/6/0_1302075893OUW7.gif" alt="" width="227" height="378" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-width: initial; border-color: initial; " /></p><p><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: small; "><strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">1. 准备知识</strong> </span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />在AndroidManifest.xml里定义了每个Android apk的版本标识：<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /></p><div class="dp-highlighter bg_xhtml" style="padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 1045px; "><div class="bar" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; "><div class="tools" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><a href="http://blog.csdn.net/xjanker2/article/details/6303937#" class="ViewSource" title="view plain" style="padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-xml" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="tag" style="border-width: initial; border-color: initial; color: #993300; font-weight: bold; "><</span><span class="tag-name" style="border-width: initial; border-color: initial; color: #993300; font-weight: bold; ">manifest</span><span style="border-width: initial; border-color: initial; "> </span><span class="attribute" style="border-width: initial; border-color: initial; color: red; ">xmlns:android</span><span style="border-width: initial; border-color: initial; ">=</span><span class="attribute-value" style="border-width: initial; border-color: initial; color: blue; ">"http://schemas.android.com/apk/res/android"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="attribute" style="border-width: initial; border-color: initial; color: red; ">package</span><span style="border-width: initial; border-color: initial; ">=</span><span class="attribute-value" style="border-width: initial; border-color: initial; color: blue; ">"com.myapp"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="attribute" style="border-width: initial; border-color: initial; color: red; ">android:versionCode</span><span style="border-width: initial; border-color: initial; ">=</span><span class="attribute-value" style="border-width: initial; border-color: initial; color: blue; ">"1"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="attribute" style="border-width: initial; border-color: initial; color: red; ">android:versionName</span><span style="border-width: initial; border-color: initial; ">=</span><span class="attribute-value" style="border-width: initial; border-color: initial; color: blue; ">"1.0.0"</span><span class="tag" style="border-width: initial; border-color: initial; color: #993300; font-weight: bold; ">></span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="tag" style="border-width: initial; border-color: initial; color: #993300; font-weight: bold; "><</span><span class="tag-name" style="border-width: initial; border-color: initial; color: #993300; font-weight: bold; ">application</span><span class="tag" style="border-width: initial; border-color: initial; color: #993300; font-weight: bold; ">></span><span class="tag" style="border-width: initial; border-color: initial; color: #993300; font-weight: bold; "></</span><span class="tag-name" style="border-width: initial; border-color: initial; color: #993300; font-weight: bold; ">application</span><span class="tag" style="border-width: initial; border-color: initial; color: #993300; font-weight: bold; ">></span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="tag" style="border-width: initial; border-color: initial; color: #993300; font-weight: bold; "></</span><span class="tag-name" style="border-width: initial; border-color: initial; color: #993300; font-weight: bold; ">manifest</span><span class="tag" style="border-width: initial; border-color: initial; color: #993300; font-weight: bold; ">></span><span style="border-width: initial; border-color: initial; "> </span></span></li></ol></div><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />其中，android:versionCode和android:versionName两个字段分别表示版本代码，版本名称。versionCode是整型数字，versionName是字符串。由于version是给用户看的，不太容易比较大小，升级检查时，可以以检查versionCode为主，方便比较出版本的前后大小。<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />那么，在应用中如何读取AndroidManifest.xml中的versionCode和versionName呢？可以使用PackageManager的API，参考以下代码：<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /><div class="dp-highlighter bg_java" style="padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 1045px; "><div class="bar" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; "><div class="tools" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><a href="http://blog.csdn.net/xjanker2/article/details/6303937#" class="ViewSource" title="view plain" style="padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-j" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">public</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">static</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">int</span><span style="border-width: initial; border-color: initial; "> getVerCode(Context context) { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">int</span><span style="border-width: initial; border-color: initial; "> verCode = -</span><span class="number" style="border-width: initial; border-color: initial; color: #c00000; ">1</span><span style="border-width: initial; border-color: initial; ">; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">try</span><span style="border-width: initial; border-color: initial; "> { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> verCode = context.getPackageManager().getPackageInfo( </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="string" style="border-width: initial; border-color: initial; ">"com.myapp"</span><span style="border-width: initial; border-color: initial; ">, </span><span class="number" style="border-width: initial; border-color: initial; color: #c00000; ">0</span><span style="border-width: initial; border-color: initial; ">).versionCode; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } <span class="keyword" style="border-width: initial; border-color: initial; ">catch</span><span style="border-width: initial; border-color: initial; "> (NameNotFoundException e) { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> Log.e(TAG, e.getMessage()); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">return</span><span style="border-width: initial; border-color: initial; "> verCode; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">public</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">static</span><span style="border-width: initial; border-color: initial; "> String getVerName(Context context) { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> String verName = <span class="string" style="border-width: initial; border-color: initial; ">""</span><span style="border-width: initial; border-color: initial; ">; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">try</span><span style="border-width: initial; border-color: initial; "> { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> verName = context.getPackageManager().getPackageInfo( </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="string" style="border-width: initial; border-color: initial; ">"com.myapp"</span><span style="border-width: initial; border-color: initial; ">, </span><span class="number" style="border-width: initial; border-color: initial; color: #c00000; ">0</span><span style="border-width: initial; border-color: initial; ">).versionName; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } <span class="keyword" style="border-width: initial; border-color: initial; ">catch</span><span style="border-width: initial; border-color: initial; "> (NameNotFoundException e) { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> Log.e(TAG, e.getMessage()); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">return</span><span style="border-width: initial; border-color: initial; "> verName; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; ">} </span></li></ol></div><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />或者在AndroidManifest中将android:versionName="1.2.0"写成android:versionName="@string/app_versionName"，然后在values/strings.xml中添加对应字符串，这样实现之后，就可以使用如下代码获得版本名称：<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /><div class="dp-highlighter bg_java" style="padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 1045px; "><div class="bar" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; "><div class="tools" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><a href="http://blog.csdn.net/xjanker2/article/details/6303937#" class="ViewSource" title="view plain" style="padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-j" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">public</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">static</span><span style="border-width: initial; border-color: initial; "> String getVerName(Context context) { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> String verName = context.getResources() </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> .getText(R.string.app_versionName).toString(); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">return</span><span style="border-width: initial; border-color: initial; "> verName; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; ">} </span></li></ol></div><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />同理，apk的应用名称可以这样获得：<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /><div class="dp-highlighter bg_java" style="padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 1045px; "><div class="bar" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; "><div class="tools" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><a href="http://blog.csdn.net/xjanker2/article/details/6303937#" class="ViewSource" title="view plain" style="padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-j" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">public</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">static</span><span style="border-width: initial; border-color: initial; "> String getAppName(Context context) { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> String verName = context.getResources() </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> .getText(R.string.app_name).toString(); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">return</span><span style="border-width: initial; border-color: initial; "> verName; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; ">} </span></li></ol></div><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /><strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "></strong><p> </p><p><strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; "><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: small; ">2. 流程框架</span></strong></p><p><img src="http://hi.csdn.net/attachment/201104/6/0_13020755289sMG.gif" alt="" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-width: initial; border-color: initial; " /></p><p><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: small; "><strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">3. 版本检查</strong> </span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />在服务端放置最新版本的apk文件，如：http://localhost/myapp/myapp.apk<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />同时，在服务端放置对应此apk的版本信息调用接口或者文件，如:http://localhost/myapp/ver.json <br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />ver.json中的内容为：</p><p></p><div class="dp-highlighter bg_xhtml" style="padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 1045px; "><div class="bar" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; "><div class="tools" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><a href="http://blog.csdn.net/xjanker2/article/details/6303937#" class="ViewSource" title="view plain" style="padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-xml" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; ">[{"appname":"jtapp12","apkname":"jtapp-12-updateapksamples.apk","verName":1.0.1,"verCode":2}] </span></span></li></ol></div><p> </p><p>然后，在手机客户端上进行版本读取和检查：<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /></p><div class="dp-highlighter bg_java" style="padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 1045px; "><div class="bar" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; "><div class="tools" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><a href="http://blog.csdn.net/xjanker2/article/details/6303937#" class="ViewSource" title="view plain" style="padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-j" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">private</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">boolean</span><span style="border-width: initial; border-color: initial; "> getServerVer () { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">try</span><span style="border-width: initial; border-color: initial; "> { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> String verjson = NetworkTool.getContent(Config.UPDATE_SERVER </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> + Config.UPDATE_VERJSON); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> JSONArray array = <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> JSONArray(verjson); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">if</span><span style="border-width: initial; border-color: initial; "> (array.length() > </span><span class="number" style="border-width: initial; border-color: initial; color: #c00000; ">0</span><span style="border-width: initial; border-color: initial; ">) { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> JSONObject obj = array.getJSONObject(<span class="number" style="border-width: initial; border-color: initial; color: #c00000; ">0</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">try</span><span style="border-width: initial; border-color: initial; "> { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> newVerCode = Integer.parseInt(obj.getString(<span class="string" style="border-width: initial; border-color: initial; ">"verCode"</span><span style="border-width: initial; border-color: initial; ">)); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> newVerName = obj.getString(<span class="string" style="border-width: initial; border-color: initial; ">"verName"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } <span class="keyword" style="border-width: initial; border-color: initial; ">catch</span><span style="border-width: initial; border-color: initial; "> (Exception e) { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> newVerCode = -<span class="number" style="border-width: initial; border-color: initial; color: #c00000; ">1</span><span style="border-width: initial; border-color: initial; ">; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> newVerName = <span class="string" style="border-width: initial; border-color: initial; ">""</span><span style="border-width: initial; border-color: initial; ">; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">return</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">false</span><span style="border-width: initial; border-color: initial; ">; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } <span class="keyword" style="border-width: initial; border-color: initial; ">catch</span><span style="border-width: initial; border-color: initial; "> (Exception e) { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> Log.e(TAG, e.getMessage()); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">return</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">false</span><span style="border-width: initial; border-color: initial; ">; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">return</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">true</span><span style="border-width: initial; border-color: initial; ">; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li></ol></div><p> </p><p>比较服务器和客户端的版本，并进行更新操作。<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /></p><div class="dp-highlighter bg_java" style="padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 1045px; "><div class="bar" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; "><div class="tools" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><a href="http://blog.csdn.net/xjanker2/article/details/6303937#" class="ViewSource" title="view plain" style="padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-j" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">if</span><span style="border-width: initial; border-color: initial; "> (getServerVerCode()) { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">int</span><span style="border-width: initial; border-color: initial; "> vercode = Config.getVerCode(</span><span class="keyword" style="border-width: initial; border-color: initial; ">this</span><span style="border-width: initial; border-color: initial; ">); </span><span class="comment" style="border-width: initial; border-color: initial; ">// 用到前面第一节写的方法</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">if</span><span style="border-width: initial; border-color: initial; "> (newVerCode > vercode) { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> doNewVersionUpdate(); <span class="comment" style="border-width: initial; border-color: initial; ">// 更新新版本</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } <span class="keyword" style="border-width: initial; border-color: initial; ">else</span><span style="border-width: initial; border-color: initial; "> { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> notNewVersionShow(); <span class="comment" style="border-width: initial; border-color: initial; ">// 提示当前为最新版本</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li></ol></div><p> </p><p>详细方法：</p><p></p><div class="dp-highlighter bg_java" style="padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 1045px; "><div class="bar" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; "><div class="tools" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><a href="http://blog.csdn.net/xjanker2/article/details/6303937#" class="ViewSource" title="view plain" style="padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-j" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">private</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> notNewVersionShow() { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">int</span><span style="border-width: initial; border-color: initial; "> verCode = Config.getVerCode(</span><span class="keyword" style="border-width: initial; border-color: initial; ">this</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> String verName = Config.getVerName(<span class="keyword" style="border-width: initial; border-color: initial; ">this</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> StringBuffer sb = <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> StringBuffer(); </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(<span class="string" style="border-width: initial; border-color: initial; ">"当前版本:"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(verName); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(<span class="string" style="border-width: initial; border-color: initial; ">" Code:"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(verCode); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(<span class="string" style="border-width: initial; border-color: initial; ">",/n已是最新版,无需更新!"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> Dialog dialog = <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> AlertDialog.Builder(Update.</span><span class="keyword" style="border-width: initial; border-color: initial; ">this</span><span style="border-width: initial; border-color: initial; ">).setTitle(</span><span class="string" style="border-width: initial; border-color: initial; ">"软件更新"</span><span style="border-width: initial; border-color: initial; ">) </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> .setMessage(sb.toString())<span class="comment" style="border-width: initial; border-color: initial; ">// 设置内容</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> .setPositiveButton(<span class="string" style="border-width: initial; border-color: initial; ">"确定"</span><span style="border-width: initial; border-color: initial; ">,</span><span class="comment" style="border-width: initial; border-color: initial; ">// 设置确定按钮</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> DialogInterface.OnClickListener() { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="annotation" style="border-width: initial; border-color: initial; color: #646464; ">@Override</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">public</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> onClick(DialogInterface dialog, </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">int</span><span style="border-width: initial; border-color: initial; "> which) { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> finish(); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> }).create();<span class="comment" style="border-width: initial; border-color: initial; ">// 创建</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="comment" style="border-width: initial; border-color: initial; ">// 显示对话框</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> dialog.show(); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; ">} </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">private</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> doNewVersionUpdate() { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">int</span><span style="border-width: initial; border-color: initial; "> verCode = Config.getVerCode(</span><span class="keyword" style="border-width: initial; border-color: initial; ">this</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> String verName = Config.getVerName(<span class="keyword" style="border-width: initial; border-color: initial; ">this</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> StringBuffer sb = <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> StringBuffer(); </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(<span class="string" style="border-width: initial; border-color: initial; ">"当前版本:"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(verName); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(<span class="string" style="border-width: initial; border-color: initial; ">" Code:"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(verCode); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(<span class="string" style="border-width: initial; border-color: initial; ">", 发现新版本:"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(newVerName); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(<span class="string" style="border-width: initial; border-color: initial; ">" Code:"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(newVerCode); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> sb.append(<span class="string" style="border-width: initial; border-color: initial; ">", 是否更新?"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> Dialog dialog = <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> AlertDialog.Builder(Update.</span><span class="keyword" style="border-width: initial; border-color: initial; ">this</span><span style="border-width: initial; border-color: initial; ">) </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> .setTitle(<span class="string" style="border-width: initial; border-color: initial; ">"软件更新"</span><span style="border-width: initial; border-color: initial; ">) </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> .setMessage(sb.toString()) </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="comment" style="border-width: initial; border-color: initial; ">// 设置内容</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> .setPositiveButton(<span class="string" style="border-width: initial; border-color: initial; ">"更新"</span><span style="border-width: initial; border-color: initial; ">,</span><span class="comment" style="border-width: initial; border-color: initial; ">// 设置确定按钮</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> DialogInterface.OnClickListener() { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="annotation" style="border-width: initial; border-color: initial; color: #646464; ">@Override</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">public</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> onClick(DialogInterface dialog, </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">int</span><span style="border-width: initial; border-color: initial; "> which) { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> pBar = <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> ProgressDialog(Update.</span><span class="keyword" style="border-width: initial; border-color: initial; ">this</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> pBar.setTitle(<span class="string" style="border-width: initial; border-color: initial; ">"正在下载"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> pBar.setMessage(<span class="string" style="border-width: initial; border-color: initial; ">"请稍候..."</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> pBar.setProgressStyle(ProgressDialog.STYLE_SPINNER); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> downFile(Config.UPDATE_SERVER + Config.UPDATE_APKNAME); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> }) </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> .setNegativeButton(<span class="string" style="border-width: initial; border-color: initial; ">"暂不更新"</span><span style="border-width: initial; border-color: initial; ">, </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> DialogInterface.OnClickListener() { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">public</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> onClick(DialogInterface dialog, </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">int</span><span style="border-width: initial; border-color: initial; "> whichButton) { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="comment" style="border-width: initial; border-color: initial; ">// 点击"取消"按钮之后退出程序</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> finish(); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> }).create();<span class="comment" style="border-width: initial; border-color: initial; ">// 创建</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="comment" style="border-width: initial; border-color: initial; ">// 显示对话框</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> dialog.show(); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; ">} </span></li></ol></div><p> </p><p><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: small; "><strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">4. 下载模块</strong></span></p><p>注，本部分参考了前人的相关实现，见 http://apps.hi.baidu.com/share/detail/24172508</p><p></p><div class="dp-highlighter bg_java" style="padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 1045px; "><div class="bar" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; "><div class="tools" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><a href="http://blog.csdn.net/xjanker2/article/details/6303937#" class="ViewSource" title="view plain" style="padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-j" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> downFile(</span><span class="keyword" style="border-width: initial; border-color: initial; ">final</span><span style="border-width: initial; border-color: initial; "> String url) { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> pBar.show(); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Thread() { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">public</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> run() { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> HttpClient client = <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> DefaultHttpClient(); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> HttpGet get = <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> HttpGet(url); </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> HttpResponse response; </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">try</span><span style="border-width: initial; border-color: initial; "> { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> response = client.execute(get); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> HttpEntity entity = response.getEntity(); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">long</span><span style="border-width: initial; border-color: initial; "> length = entity.getContentLength(); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> InputStream is = entity.getContent(); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> FileOutputStream fileOutputStream = <span class="keyword" style="border-width: initial; border-color: initial; ">null</span><span style="border-width: initial; border-color: initial; ">; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">if</span><span style="border-width: initial; border-color: initial; "> (is != </span><span class="keyword" style="border-width: initial; border-color: initial; ">null</span><span style="border-width: initial; border-color: initial; ">) { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> File file = <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> File( </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> Environment.getExternalStorageDirectory(), </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> Config.UPDATE_SAVENAME); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> fileOutputStream = <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> FileOutputStream(file); </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">byte</span><span style="border-width: initial; border-color: initial; ">[] buf = </span><span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">byte</span><span style="border-width: initial; border-color: initial; ">[</span><span class="number" style="border-width: initial; border-color: initial; color: #c00000; ">1024</span><span style="border-width: initial; border-color: initial; ">]; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">int</span><span style="border-width: initial; border-color: initial; "> ch = -</span><span class="number" style="border-width: initial; border-color: initial; color: #c00000; ">1</span><span style="border-width: initial; border-color: initial; ">; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">int</span><span style="border-width: initial; border-color: initial; "> count = </span><span class="number" style="border-width: initial; border-color: initial; color: #c00000; ">0</span><span style="border-width: initial; border-color: initial; ">; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">while</span><span style="border-width: initial; border-color: initial; "> ((ch = is.read(buf)) != -</span><span class="number" style="border-width: initial; border-color: initial; color: #c00000; ">1</span><span style="border-width: initial; border-color: initial; ">) { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> fileOutputStream.write(buf, <span class="number" style="border-width: initial; border-color: initial; color: #c00000; ">0</span><span style="border-width: initial; border-color: initial; ">, ch); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> count += ch; </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">if</span><span style="border-width: initial; border-color: initial; "> (length > </span><span class="number" style="border-width: initial; border-color: initial; color: #c00000; ">0</span><span style="border-width: initial; border-color: initial; ">) { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> fileOutputStream.flush(); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">if</span><span style="border-width: initial; border-color: initial; "> (fileOutputStream != </span><span class="keyword" style="border-width: initial; border-color: initial; ">null</span><span style="border-width: initial; border-color: initial; ">) { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> fileOutputStream.close(); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> down(); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } <span class="keyword" style="border-width: initial; border-color: initial; ">catch</span><span style="border-width: initial; border-color: initial; "> (ClientProtocolException e) { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> e.printStackTrace(); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } <span class="keyword" style="border-width: initial; border-color: initial; ">catch</span><span style="border-width: initial; border-color: initial; "> (IOException e) { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> e.printStackTrace(); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> }.start(); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; ">} </span></li></ol></div><p> </p><p>下载完成，通过handler通知主ui线程将下载对话框取消。<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /></p><div class="dp-highlighter bg_java" style="padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 1045px; "><div class="bar" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; "><div class="tools" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><a href="http://blog.csdn.net/xjanker2/article/details/6303937#" class="ViewSource" title="view plain" style="padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-j" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> down() { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> handler.post(<span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Runnable() { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">public</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> run() { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> pBar.cancel(); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> update(); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> }); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; ">} </span></li></ol></div> <p> </p><p><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: small; "><strong style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">5. 安装应用</strong> </span><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /></p><div class="dp-highlighter bg_java" style="padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 1045px; "><div class="bar" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; "><div class="tools" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><a href="http://blog.csdn.net/xjanker2/article/details/6303937#" class="ViewSource" title="view plain" style="padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-j" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> update() { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> Intent intent = <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Intent(Intent.ACTION_VIEW); </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> intent.setDataAndType(Uri.fromFile(<span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> File(Environment </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> .getExternalStorageDirectory(), Config.UPDATE_SAVENAME)), </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="string" style="border-width: initial; border-color: initial; ">"application/vnd.android.package-archive"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> startActivity(intent); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; ">} </span></li></ol></div><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />如果你将apk应用发布到market上，那么，你会发现market内建了类似的模块，可以自动更新或者提醒你是否更新应用。那么，对于你自己的应用需要自动更新的话，自己内建一个是不是更加方便了呢？本文提到的代码大多是在UpdateActivity.java中实现，为了能够使更新过程更加友好，可以在最初launcher的Activity中建立一个线程，用来检查服务端是否有更新。有更新的时候就启动UpdateActivity，这样的使用体验更加平滑。<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /><br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " />本文例程源码查看/下载：<br style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; " /><a href="http://code.google.com/p/androidex/source/browse/trunk/jtapp-12-updateapksamples" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #ff9900; text-decoration: none; ">http://code.google.com/p/androidex/source/browse/trunk/jtapp-12-updateapksamples</a><p> </p><p> </p><p>版权归个人所有，转载请注明出处</p><p>http://blog.csdn.net/xjanker2/archive/2011/04/06/6303937.aspx</p></span><img src="http://www.cnblogs.com/chinatefl/aggbug/2219956.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/chinatefl/archive/2011/10/21/2219956.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/chinatefl/archive/2011/10/20/2219224.htmlandroid中判断横屏或者竖屏并改变背景在android中，判断横屏还是竖屏，并且根据方向改变背景，代码如下：public static void AutoBackground(Activity activity,View view,int Background_v, int Background_h) { int orient=ScreenOrient(activity); if (orient == ActivityInfo.SCREEN_ORIENTATION_PORTRAIT) { //纵向 view.setBackgroundResource(Background_v); }else{ //横向 view.setBackg2011-10-20T09:32:00Z2011-10-20T09:32:00Z白桦的天空http://www.cnblogs.com/chinatefl/<span class="Apple-style-span" style="font-family: Helvetica, Tahoma, Arial, sans-serif; line-height: 25px; background-color: #ffffff; ">在android中，判断横屏还是竖屏，并且根据方向改变背景，代码如下： <br />public static void AutoBackground(Activity activity,View view,int Background_v, int Background_h) <br /> { <br /> int orient=ScreenOrient(activity); <br /> if (orient == ActivityInfo.SCREEN_ORIENTATION_PORTRAIT) { //纵向 <br /> view.setBackgroundResource(Background_v); <br /> }else{ //横向 <br /> view.setBackgroundResource(Background_h); <br /> } <br /> } <br />其中Background_v是纵向时的背景图，view.setBackgroundResource为横向时的背景图 <br /><br />然后在activity的oncreate方法中去调用 <br />LinearLayout layout=(LinearLayout)findViewById(R.id.layout); <br />//背景自动适应 <br />androidUtil.AutoBackground(this, layout, R.drawable.bg_v, R.drawable.bg_h);</span><img src="http://www.cnblogs.com/chinatefl/aggbug/2219224.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/chinatefl/archive/2011/10/20/2219224.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/chinatefl/archive/2011/10/20/2219206.htmlAndroid高手进阶教程(二十)之---Android与JavaScript方法相互调用！在Android中通过WebView控件,可以实现要加载的页面与Android方法相互调用,我们要实现WebView中的addJavascriptInterface方法，这样html才能调用android方法，在这里我个人觉得有点和DWR相似。为了让大家容易理解，我写了一个简单的Demo，具体步骤如下:第一步:新建一个Android工程,命名为WebViewDemo(这里我在assets里定义了一个html页面)。第二步:修改main.xml布局文件，增加了一个WebView控件还有Button控件，代码如下:view plain<?xmlversion="1.0"e2011-10-20T09:20:00Z2011-10-20T09:20:00Z白桦的天空http://www.cnblogs.com/chinatefl/<span class="Apple-style-span" style="color: #333333; font-family: Arial; line-height: 26px; background-color: #ffffff; "><p>在Android中通过WebView控件,可以实现要加载的页面与Android方法相互调用,我们要实现WebView中的addJavascriptInterface方法，这样html才能调用android方法，在这里我个人觉得有点和DWR相似。</p><p>为了让大家容易理解，我写了一个简单的Demo，具体步骤如下:</p><p>第一步:新建一个Android工程,命名为WebViewDemo(这里我在assets里定义了一个html页面)。</p><p><img src="http://hi.csdn.net/attachment/201008/31/0_1283238738F1ME.gif" alt="" style="border-width: initial; border-color: initial; " /></p><p>第二步:修改main.xml布局文件，增加了一个WebView控件还有Button控件，代码如下:</p><p> </p><div class="dp-highlighter bg_java" style="width: 687px; "><div class="bar"><div class="tools"><a href="http://blog.csdn.net/Android_Tutor/article/details/5853143#" class="ViewSource" title="view plain" style="background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-j" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><?xml version=</span><span class="string" style="border-width: initial; border-color: initial; ">"1.0"</span><span style="border-width: initial; border-color: initial; "> encoding=</span><span class="string" style="border-width: initial; border-color: initial; ">"utf-8"</span><span style="border-width: initial; border-color: initial; ">?> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><LinearLayout xmlns:android=<span class="string" style="border-width: initial; border-color: initial; ">"http://schemas.android.com/apk/res/android"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> android:orientation=<span class="string" style="border-width: initial; border-color: initial; ">"vertical"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> android:layout_width=<span class="string" style="border-width: initial; border-color: initial; ">"fill_parent"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> android:layout_height=<span class="string" style="border-width: initial; border-color: initial; ">"fill_parent"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> > </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <TextView </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> android:layout_width=<span class="string" style="border-width: initial; border-color: initial; ">"fill_parent"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> android:layout_height=<span class="string" style="border-width: initial; border-color: initial; ">"wrap_content"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> android:text=<span class="string" style="border-width: initial; border-color: initial; ">"Welcome to Mr Wei's Blog."</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> /> </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <WebView </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> android:id=<span class="string" style="border-width: initial; border-color: initial; ">"@+id/webview"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> android:layout_width=<span class="string" style="border-width: initial; border-color: initial; ">"fill_parent"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> android:layout_height=<span class="string" style="border-width: initial; border-color: initial; ">"wrap_content"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> /> </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <Button </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> android:id=<span class="string" style="border-width: initial; border-color: initial; ">"@+id/button"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> android:layout_width=<span class="string" style="border-width: initial; border-color: initial; ">"fill_parent"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> android:layout_height=<span class="string" style="border-width: initial; border-color: initial; ">"wrap_content"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> android:text=<span class="string" style="border-width: initial; border-color: initial; ">"Change the webview content"</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> /> </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "></LinearLayout> </span></li></ol></div><p> </p><p>第三步:在assets目录下新建一个demo.html文件,代码如下(这里不知道为何多了mce:这几个东东,<script></script>这样是对的):</p><p> </p><div class="dp-highlighter bg_css" style="width: 687px; "><div class="bar"><div class="tools"><a href="http://blog.csdn.net/Android_Tutor/article/details/5853143#" class="ViewSource" title="view plain" style="background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-css" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span style="border-width: initial; border-color: initial; "><html> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <mce:script language=<span class="string" style="border-width: initial; border-color: initial; ">"javascript"</span><span style="border-width: initial; border-color: initial; ">><!-- </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> function fillContent(){ </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> document.getElementById(<span class="string" style="border-width: initial; border-color: initial; ">"content"</span><span style="border-width: initial; border-color: initial; ">).innerHTML = </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="string" style="border-width: initial; border-color: initial; ">"This Content is showed by Android invoke Javascript function."</span><span style="border-width: initial; border-color: initial; ">; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; ">// --></mce:script> </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <body> </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <p><a onClick=<span class="string" style="border-width: initial; border-color: initial; ">"window.demo.startMap()"</span><span style="border-width: initial; border-color: initial; "> href=</span><span class="string" style="border-width: initial; border-color: initial; ">""</span><span style="border-width: initial; border-color: initial; ">>Start GoogleMap</a></p> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <p id=<span class="string" style="border-width: initial; border-color: initial; ">"content"</span><span style="border-width: initial; border-color: initial; ">></p> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <p>A Demo ----Android and Javascript invoke each other.</p> </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <p>Author:Frankiewei</p> </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> </body> </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "></html> </span></li></ol></div><p> </p><p> </p><p>第四步:修改主核心程序WebViewDemo.java,代码如下:</p><p> </p><div class="dp-highlighter bg_java" style="width: 687px; "><div class="bar"><div class="tools"><a href="http://blog.csdn.net/Android_Tutor/article/details/5853143#" class="ViewSource" title="view plain" style="background-image: url(http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif); border-width: initial; border-color: initial; padding-top: 1px; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; display: inline-block; width: 16px; height: 16px; text-indent: -2000px; background-position: 0% 0%; background-repeat: no-repeat no-repeat; ">view plain</a></div></div><ol start="1" class="dp-j" style="border-width: initial; border-color: initial; "><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">package</span><span style="border-width: initial; border-color: initial; "> com.tutor.webwiewdemo; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">import</span><span style="border-width: initial; border-color: initial; "> android.app.Activity; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">import</span><span style="border-width: initial; border-color: initial; "> android.content.ComponentName; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">import</span><span style="border-width: initial; border-color: initial; "> android.content.Intent; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">import</span><span style="border-width: initial; border-color: initial; "> android.os.Bundle; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">import</span><span style="border-width: initial; border-color: initial; "> android.view.View; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">import</span><span style="border-width: initial; border-color: initial; "> android.webkit.WebSettings; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">import</span><span style="border-width: initial; border-color: initial; "> android.webkit.WebView; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">import</span><span style="border-width: initial; border-color: initial; "> android.widget.Button; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "><span class="keyword" style="border-width: initial; border-color: initial; ">public</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">class</span><span style="border-width: initial; border-color: initial; "> WebViewDemo </span><span class="keyword" style="border-width: initial; border-color: initial; ">extends</span><span style="border-width: initial; border-color: initial; "> Activity { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">private</span><span style="border-width: initial; border-color: initial; "> WebView mWebView; </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">private</span><span style="border-width: initial; border-color: initial; "> Button mButton; </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">public</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> onCreate(Bundle savedInstanceState) { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">super</span><span style="border-width: initial; border-color: initial; ">.onCreate(savedInstanceState); </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> setContentView(R.layout.main); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> setupViews(); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="comment" style="border-width: initial; border-color: initial; ">//初始化</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">private</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> setupViews() { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> mWebView = (WebView) findViewById(R.id.webview); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> WebSettings mWebSettings = mWebView.getSettings(); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="comment" style="border-width: initial; border-color: initial; ">//加上这句话才能使用javascript方法</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> mWebSettings.setJavaScriptEnabled(<span class="keyword" style="border-width: initial; border-color: initial; ">true</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="comment" style="border-width: initial; border-color: initial; ">//增加接口方法,让html页面调用</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> mWebView.addJavascriptInterface(<span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Object() { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="comment" style="border-width: initial; border-color: initial; ">//这里我定义了一个打开地图应用的方法</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">public</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> startMap() { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> Intent mIntent = <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Intent(); </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> ComponentName component = <span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> ComponentName( </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="string" style="border-width: initial; border-color: initial; ">"com.google.android.apps.maps"</span><span style="border-width: initial; border-color: initial; ">, </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="string" style="border-width: initial; border-color: initial; ">"com.google.android.maps.MapsActivity"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> mIntent.setComponent(component); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> startActivity(mIntent); </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> }, <span class="string" style="border-width: initial; border-color: initial; ">"demo"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="comment" style="border-width: initial; border-color: initial; ">//加载页面</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> mWebView.loadUrl(<span class="string" style="border-width: initial; border-color: initial; ">"file:///android_asset/demo.html"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> mButton = (Button) findViewById(R.id.button); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="comment" style="border-width: initial; border-color: initial; ">//给button添加事件响应,执行JavaScript的fillContent()方法</span><span style="border-width: initial; border-color: initial; "> </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> mButton.setOnClickListener(<span class="keyword" style="border-width: initial; border-color: initial; ">new</span><span style="border-width: initial; border-color: initial; "> Button.OnClickListener() { </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> <span class="keyword" style="border-width: initial; border-color: initial; ">public</span><span style="border-width: initial; border-color: initial; "> </span><span class="keyword" style="border-width: initial; border-color: initial; ">void</span><span style="border-width: initial; border-color: initial; "> onClick(View v) { </span></span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> mWebView.loadUrl(<span class="string" style="border-width: initial; border-color: initial; ">"javascript:fillContent()"</span><span style="border-width: initial; border-color: initial; ">); </span></span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> }); </span></li><li class="alt" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; "> } </span></li><li class="" style="border-width: initial; border-color: initial; line-height: 18px; "><span style="border-width: initial; border-color: initial; ">} </span></li></ol></div><p> </p><p>第五步:运行上述工程，查看效果。</p><p> </p><p><img src="http://hi.csdn.net/attachment/201008/31/0_1283239698UHfR.gif" alt="" style="border-width: initial; border-color: initial; " /> <img src="http://hi.csdn.net/attachment/201008/31/0_1283239709MWdt.gif" alt="" width="289" height="281" style="border-width: initial; border-color: initial; " /></p><p> 首界面 点击按钮时,html内容改变</p><p><img src="http://hi.csdn.net/attachment/201008/31/0_1283239716Iz6c.gif" alt="" width="252" height="250" style="border-width: initial; border-color: initial; " /></p><p> 点击html的startGoogleMap启动地图应用</p></span><img src="http://www.cnblogs.com/chinatefl/aggbug/2219206.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/chinatefl/archive/2011/10/20/2219206.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/chinatefl/archive/2011/09/16/2178837.html连接Google Map API批量获取地理位置经纬度using System;using System.Collections.Generic;using System.Text;using System.Xml;using System.Threading;namespace GetLatLng{ class Program { static void Main(string[] args) { //输出提示信息 Console.WriteLine("正在添加地理位置..."); Console.WriteLine(""); //定义一个泛型队列，用于存储地理位置名称 Queue<string&g2011-09-16T07:41:00Z2011-09-16T07:41:00Z白桦的天空http://www.cnblogs.com/chinatefl/<span class="Apple-style-span" style="color: #333333; font-family: Arial; line-height: 26px; background-color: #ffffff; "><p>using System;<br />using System.Collections.Generic;<br />using System.Text;<br />using System.Xml;<br />using System.Threading;<br /><br />namespace GetLatLng<br />{<br /> class Program<br /> {<br /> static void Main(string[] args)<br /> {<br /> //输出提示信息<br /> Console.WriteLine("正在添加地理位置...");<br /> Console.WriteLine("");<br /><br /> //定义一个泛型队列，用于存储地理位置名称<br /> Queue<string> Locations = new Queue<string>();<br /><br /> //向队列中添加地理位置名称<br /> Locations.Enqueue("北京");<br /> Locations.Enqueue("上海");<br /> Locations.Enqueue("广州");<br /> Locations.Enqueue("深圳");<br /><br /> Console.WriteLine("地理位置添加完成！");<br /> Console.WriteLine("");<br /> Console.WriteLine("正在与Google Map API连接解析地址...");<br /><br /> //定义Google Map API指定的xml响应地址<br /> string strUrl = "http://maps.google.com/maps/api/geocode/xml?address={0}&sensor=false";<br /><br /> //定义当前读取的字符串，初始化为空<br /> string strCurrent = string.Empty;<br /><br /> //定义一个xml文档的引用<br /> XmlDocument xmldoc;<br /><br /> //定义一个xml文档的根节点引用<br /> XmlNode root;<br /><br /> //定义xml文档中有关经纬度信息的节点引用<br /> XmlNode latlng;<br /><br /> //定义一个随机数实例，用于生成等待时间长度的整型值<br /> Random rnd = new Random();<br /><br /> //定义一个等待时间的值变量<br /> int waitTime;<br /><br /> //代码块标记NEXT<br /> //用于在加载xml文档出现错误后指引跳转的方位<br /> NEXT:<br /><br /> //循环读出排在队首的信息<br /> //依次加载返回经纬度<br /> while (Locations.Count != 0)<br /> {<br /> strCurrent = string.Empty;<br /> xmldoc = null;<br /> root = null;<br /> latlng = null;<br /><br /> //删除并返回位于队首的信息<br /> //生成xmldoc的实例<br /> strCurrent = Locations.Dequeue();<br /> xmldoc = new XmlDocument();<br /><br /> //尝试加载xml文档<br /> //如果出错，随机生成一个等待时间<br /> //在这个时间范围内执行线程休眠<br /> //时间一到，跳转至NEXT<br /> try<br /> {<br /> xmldoc.Load(string.Format(strUrl, strCurrent));<br /> }<br /> catch (Exception ee)<br /> {<br /> waitTime = rnd.Next(300000, 600000);<br /><br /> //鸣响PC喇叭<br /> Console.Beep();<br /><br /> Console.WriteLine("加载XML文档出现错误，以下是错误描述：");<br /> Console.WriteLine(ee.Message);<br /> Console.WriteLine(string.Format("{0}秒后将重新连接至Google Map API", waitTime / 1000));<br /> Console.WriteLine("");<br /><br /> //线程休眠<br /> //时间长度由rnd生成<br /> Thread.Sleep(waitTime);<br /><br /> //跳转至NEXT<br /> goto NEXT;<br /> }<br /><br /> //如果成功加载到xml文档<br /> //指引根节点至GeocodeResponse<br /> root = xmldoc.SelectSingleNode("GeocodeResponse");<br /><br /> //如果节点内信息为OK，表示成功解析<br /> //输出地理位置名称和经纬度<br /> if (root.FirstChild.InnerText == "OK")<br /> {<br /> latlng = root.SelectSingleNode("result/geometry/location");<br /> Console.WriteLine(string.Format("{0} 纬度：{1}，经度：{2}",<br /> strCurrent,<br /> latlng.ChildNodes[0].InnerText,<br /> latlng.ChildNodes[1].InnerText));<br /> }<br /> //Google Map API规定普通用户每天仅有2,500 个地理位置查询请求<br /> //如果超出会提示错误OVER_QUERY_LIMIT<br /> //此处进行单独处理<br /> else if (root.FirstChild.InnerText == "OVER_QUERY_LIMIT")<br /> {<br /> Console.Beep();<br /> Console.WriteLine("已超出Google Map API规定的地址解析请求次数的最高值！程序已经退出...");<br /> break;<br /> }<br /> //若返回其它错误进行提示<br /> else<br /> {<br /> Console.Beep();<br /> Console.WriteLine(string.Format("{0} 错误：{1}",<br /> strCurrent, root.FirstChild.InnerText));<br /> }<br /><br /><br /> //当成功解析一个地址后<br /> //执行线程休眠，目的是为了避免因频繁请求被Google认为是恶意请求<br /> //当然，如果地理位置数量较少，可忽略此方法<br /> Thread.Sleep(rnd.Next(3000, 10000));<br /><br /><br /> }//end while<br /><br /> //若队列里元素数量为0<br /> //表示全部成功解析<br /> if (Locations.Count == 0)<br /> {<br /> Console.WriteLine("");<br /> Console.WriteLine("地理位置解析完毕！");<br /> }<br /><br /> }//end Main<br /> }</p><p>}</p></span><img src="http://www.cnblogs.com/chinatefl/aggbug/2178837.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/chinatefl/archive/2011/09/16/2178837.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/chinatefl/archive/2011/07/22/2113703.html记录几个东东http://www.mopon.cn/case03.htmlhttp://v.youku.com/v_show/id_XMjA1ODc1MDIw.htmlhttp://bbs.weiphone.com/read-htm-tid-1275314.html关于nvelocity的应用http://www.cnblogs.com/TerryLiang/archive/2009/03/21/1418157.html2011-07-22T03:35:00Z2011-07-22T03:35:00Z白桦的天空http://www.cnblogs.com/chinatefl/<div><a href="http://www.mopon.cn/case03.html">http://www.mopon.cn/case03.html</a></div><p> </p><p> </p><p><a href="http://v.youku.com/v_show/id_XMjA1ODc1MDIw.html">http://v.youku.com/v_show/id_XMjA1ODc1MDIw.html</a> </p><p> </p><p><a href="http://bbs.weiphone.com/read-htm-tid-1275314.html">http://bbs.weiphone.com/read-htm-tid-1275314.html</a> </p><p> </p><p> 关于nvelocity的应用</p><p><a href="http://www.cnblogs.com/TerryLiang/archive/2009/03/21/1418157.html">http://www.cnblogs.com/TerryLiang/archive/2009/03/21/1418157.html</a> </p><img src="http://www.cnblogs.com/chinatefl/aggbug/2113703.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/chinatefl/archive/2011/07/22/2113703.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/chinatefl/archive/2011/05/24/2055711.html系统的本地策略不允许你采用交互式登录这个问题一般在域服务器上才会出现，当那台服务器升级为域控制器后，除了域管理员，其他权限组的用户都不能登陆，弹出“此系统的本地策略不允许你采用交互式登录”的对话框，解决这个问题的方法是在域服务器上进行操作，控制面板－－管理工具－－域安全策略－－安全设置－－本地策略－－用户权利指派－－在本地登陆，双击其，点击添加用户或组，选择允许登陆的用户或组，一般添加权限组就行了，在那个权限组内的用户就都能进行登陆了（因为我家里用的是XP专业版，大概设置我是依照XP的本地安全策略来设置的，所以最后一个选项我也记不太清楚了，要跑到公司的域服务器上去看，反正就和“在本地登陆”是差不多的意思）。如果是其他客户机上也出2011-05-24T08:47:00Z2011-05-24T08:47:00Z白桦的天空http://www.cnblogs.com/chinatefl/<div><span style="font-family: simsun; line-height: 23px; ">这个问题一般在域服务器上才会出现，当那台服务器升级为域控制器后，除了域管理员，其他权限组的用户都不能登陆，弹出“此系统的本地策略不允许你采用交互式登录”的对话框，解决这个问题的方法是在域服务器上进行操作，控制面板－－管理工具－－域安全策略－－安全设置－－本地策略－－用户权利指派－－在本地登陆，双击其，点击添加用户或组，选择允许登陆的用户或组，一般添加权限组就行了，在那个权限组内的用户就都能进行登陆了（因为我家里用的是XP专业版，大概设置我是依照XP的本地安全策略来设置的，所以最后一个选项我也记不太清楚了，要跑到公司的域服务器上去看，反正就和“在本地登陆”是差不多的意思）。如果是其他客户机上也出现类似的问题，那就改本地安全策略里的那一个选项就OK了。但我搞到现在也没有出现客户机上会出现那种问题的现象，只有在域控制器才会出现。 </span></div><p> </p><p><a href="http://topic.csdn.net/t/20050419/21/3950266.html">http://topic.csdn.net/t/20050419/21/3950266.html</a> </p><img src="http://www.cnblogs.com/chinatefl/aggbug/2055711.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/chinatefl/archive/2011/05/24/2055711.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/chinatefl/archive/2011/04/14/2015869.html18个最好的jQuery表格插件我们一般使用HTML表格来显示数据，我们都知道div更容易设计，更灵活。但是现在你使用这些精彩的jQuery表格插件，将更简单、灵活、更多风格。本篇文章介绍了18个非常不错的jQuery表格插件，。1.DataTablesDataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。View Live Demo2.tablesorterTablesorter是一个用来直接在浏览器上对表格数据进行排序的jQuery插件，无需再次刷新页面，支持多种单元格数据类型，例如数值、字符串、日期和自定义排序。View Live D2011-04-14T04:40:00Z2011-04-14T04:40:00Z白桦的天空http://www.cnblogs.com/chinatefl/<div><span style="font-family: verdana, sans-serif; font-size: 12px; line-height: 18px; "><p>我们一般使用HTML表格来显示数据，我们都知道div更容易设计，更灵活。但是现在你使用这些精彩的jQuery表格插件，将更简单、灵活、更多风格。</p><p>本篇文章介绍了18个非常不错的jQuery表格插件，。</p><p><strong>1.<a href="http://www.oschina.net/p/datatables" style="color: #015fb6; text-decoration: none; ">DataTables</a></strong></p><p>DataTables是一个jQuery的表格插件。这是一个高度灵活的工具，依据的基础逐步增强，这将增加先进的互动控制，支持任何HTML表格。</p><p><a href="http://www.datatables.net/" style="color: #015fb6; text-decoration: none; "><img title="clip_image001" border="0" alt="clip_image001" width="500" height="199" src="http://articles.csdn.net/uploads/allimg/110407/10260S5J-0.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 389px; display: block; float: none; height: 181px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://www.datatables.net/" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>2.<a href="http://www.oschina.net/p/tablesorter" style="color: #015fb6; text-decoration: none; ">tablesorter</a></strong></p><p>Tablesorter是一个用来直接在浏览器上对表格数据进行排序的jQuery插件，无需再次刷新页面，支持多种单元格数据类型，例如数值、字符串、日期和自定义排序。</p><p><a href="http://tablesorter.com/" style="color: #015fb6; text-decoration: none; "><img title="clip_image002" border="0" alt="clip_image002" width="500" height="135" src="http://articles.csdn.net/uploads/allimg/110407/10260W462-1.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 383px; display: block; float: none; height: 122px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://tablesorter.com/" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>3.<a href="http://www.oschina.net/p/uitablefilter" style="color: #015fb6; text-decoration: none; ">uiTableFilter</a></strong></p><p>uiTableFilter是一个用来过滤表格中的列的jQuery插件。</p><p><a href="http://gregweber.info/projects/uitablefilter" style="color: #015fb6; text-decoration: none; "><img title="3" border="0" alt="clip_image003" width="500" height="217" src="http://articles.csdn.net/uploads/allimg/110407/10260U361-2.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 375px; display: block; float: none; height: 159px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://silverwareconsulting.com/index.cfm/2008/10/2/jquery-autofiltering-table" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>4.<a href="http://p.sohei.org/jquery-plugins/columnhover/" style="color: #015fb6; text-decoration: none; ">columnHover</a></strong></p><p>jQuery插件，可以当鼠标悬停时，可以高亮表格中的整个列。</p><p><a href="http://p.sohei.org/jquery-plugins/columnhover/" style="color: #015fb6; text-decoration: none; "><img title="clip_image004" border="0" alt="clip_image004" width="500" height="233" src="http://articles.csdn.net/uploads/allimg/110407/10260V401-3.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 387px; display: block; float: none; height: 167px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://p.sohei.org/stuff/jquery/columnhover/demo/demo.html" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>5.<a href="http://www.oschina.net/p/scrollable+html+table" style="color: #015fb6; text-decoration: none; ">Scrollable HTML table plugin for jQuery</a></strong></p><p>Scrollable HTML Table这个jQuery插件用来在一个固定高度的表格中显示滚动行的数据。</p><p><a href="http://www.webtoolkit.info/scrollable-html-table-plugin-for-jquery.html" style="color: #015fb6; text-decoration: none; "><img title="3" border="0" alt="clip_image005" width="500" height="198" src="http://articles.csdn.net/uploads/allimg/110407/10260QC0-4.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 381px; display: block; float: none; height: 170px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://www.webtoolkit.info/demo/scrollable-html-table-plugin-for-jquery" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>6.<a href="http://www.oschina.net/p/columnmanager" style="color: #015fb6; text-decoration: none; ">columnManager</a></strong></p><p>columnManager是可以控制任意表格列显示或隐藏的jQuery插件，而且它可以保存当前表格的状态至你下次访问。这个jQuery插件非常小巧轻量，仅3.6kb。</p><p><a href="http://p.sohei.org/jquery-plugins/columnmanager/" style="color: #015fb6; text-decoration: none; "><img title="clip_image006" border="0" alt="clip_image006" width="500" height="195" src="http://articles.csdn.net/uploads/allimg/110407/10260VX8-5.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 396px; display: block; float: none; height: 193px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>7.<a href="http://www.oschina.net/p/flexigrid+for+jquery" style="color: #015fb6; text-decoration: none; ">Flexigrid</a></strong></p><p>Flexigrid是一个类似于Ext Gird，但基于jQuery开发的Grid。它具有的功能包括：可以调整列宽，合并列标题，分页，排序，显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。</p><p><img border="0" alt="" width="500" height="226" src="http://articles.csdn.net/uploads/allimg/110407/94_110407103530_1.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 375px; height: 209px; cursor: pointer; " /></p><p><strong><a href="http://flexigrid.info/" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>8.<a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/" style="color: #015fb6; text-decoration: none; ">Table Drag and Drop JQuery plugin</a></strong></p><p>只需要加入如下代码<script type="text/javascript"> $(document).ready(function() { // Initialise the table $("#table-1").tableDnD(); }); </script>即可随便拖动列。</p><p><a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/" style="color: #015fb6; text-decoration: none; "><img title="clip_image008" border="0" alt="clip_image008" width="500" height="227" src="http://articles.csdn.net/uploads/allimg/110407/10260V2M-7.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 335px; display: block; float: none; height: 195px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>9.<a href="http://www.oschina.net/p/heatcolor" style="color: #015fb6; text-decoration: none; ">HeatColor</a></strong></p><p>HeatColor可以让你根据元素的值来为元素设置颜色。它的值的比对时根据预设的一个范围来进行比较，最后对他们自动进行颜色值的设置。</p><p><a href="http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm" style="color: #015fb6; text-decoration: none; "><img title="clip_image009" border="0" alt="clip_image009" width="500" height="176" src="http://articles.csdn.net/uploads/allimg/110407/10260W351-8.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 349px; display: block; float: none; height: 153px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>10.<a href="http://www.oschina.net/p/jqtreetable" style="color: #015fb6; text-decoration: none; ">JQTreeTable</a></strong></p><p>使用JQTreeTable插件你可以得到一个树形表格，如果用户的浏览器禁用了JavaScript，那么他们也能看到普通形式的表格，并不影响可访问性。</p><p><a href="http://www.hanpau.com/index.php?page=jqtreetable" style="color: #015fb6; text-decoration: none; "><img title="clip_image010" border="0" alt="clip_image010" width="500" height="222" src="http://articles.csdn.net/uploads/allimg/110407/10260Q427-9.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 366px; display: block; float: none; height: 170px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://www.hanpau.com/index.php?page=jqtreetable" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>11.<a href="http://www.oschina.net/p/firescope-grid" style="color: #015fb6; text-decoration: none; ">FireScope Grid</a></strong></p><p>FireScope Grid是一个jQuery插件，用HTML表格增加了数据表格的常用功能，这些功能都在客户端上直接完成。</p><p><a href="http://www.firescope.com/OpenSource/Grid/#firescope_grid_examples" style="color: #015fb6; text-decoration: none; "><img title="clip_image012" border="0" alt="clip_image012" width="500" height="196" src="http://articles.csdn.net/uploads/allimg/110407/10260T241-10.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 342px; display: block; float: none; height: 169px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://www.firescope.com/OpenSource/Grid/#firescope_grid_examples" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>12.<a href="http://www.oschina.net/p/ingrid" style="color: #015fb6; text-decoration: none; ">Ingrid</a></strong></p><p>Ingrid是一个jQuery的电子数字表格插件，主要功能有列宽度变化、分页、行和列的样式等。</p><p><a href="http://reconstrukt.com/ingrid/" style="color: #015fb6; text-decoration: none; "><img title="clip_image013" border="0" alt="clip_image013" width="500" height="221" src="http://articles.csdn.net/uploads/allimg/110407/10260UA7-11.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 338px; display: block; float: none; height: 202px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://reconstrukt.com/ingrid/" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>13.<a href="http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/" style="color: #015fb6; text-decoration: none; ">动态排序数据表格jQuery插件– jTPS</a></strong></p><p>jTPS jQuery数据表格插件，提供动态滚动、排页等功能，开发版本仅15Kb。</p><p><a href="http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/" style="color: #015fb6; text-decoration: none; "><img title="clip_image014" border="0" alt="clip_image014" width="500" height="110" src="http://articles.csdn.net/uploads/allimg/110407/10260S260-12.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 308px; display: block; float: none; height: 99px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>14.<a href="http://www.picnet.com.au/picnet_table_filter.html" style="color: #015fb6; text-decoration: none; ">PicNet Table Filter</a></strong></p><p>该jQuery插件增加了实时类Google列表过滤功能到HTML表格。该开源项目基于MIT协议。</p><p><a href="http://www.picnet.com.au/picnet_table_filter.html" style="color: #015fb6; text-decoration: none; "><img title="clip_image015" border="0" alt="clip_image015" width="500" height="235" src="http://articles.csdn.net/uploads/allimg/110407/10260SL5-13.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 350px; display: block; float: none; height: 224px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://www.picnet.com.au/resources/tablefilter/demo.htm" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>15.<a href="http://www.frequency-decoder.com/2006/09/16/unobtrusive-table-sort-script-revisited/" style="color: #015fb6; text-decoration: none; ">TableSort</a></strong></p><p>original table sort script的重写，包括一些更多的功能，更快的排序架构。</p><p><a href="http://www.frequency-decoder.com/2006/09/16/unobtrusive-table-sort-script-revisited/" style="color: #015fb6; text-decoration: none; "><img title="clip_image016" border="0" alt="clip_image016" width="500" height="159" src="http://articles.csdn.net/uploads/allimg/110407/10260U957-14.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 325px; display: block; float: none; height: 141px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://www.frequency-decoder.com/demo/table-sort-revisited/" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>16.<a href="http://www.oschina.net/p/jquery+fixed+table+header+plugin" style="color: #015fb6; text-decoration: none; ">Fixed Header Table</a></strong></p><p>这是一个可以固定表头的jQuery插件。当表格向下滚动时，表头不会跟着动。</p><p><a href="http://fixedheadertable.com/" style="color: #015fb6; text-decoration: none; "><img title="clip_image017" border="0" alt="clip_image017" width="500" height="177" src="http://articles.csdn.net/uploads/allimg/110407/10260T243-15.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 348px; display: block; float: none; height: 165px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://fixedheadertable.com/demo/fullwindowdemo.html" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>17.<a href="http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx" style="color: #015fb6; text-decoration: none; ">拓展你的表格– jExpand plugin</a></strong></p><p>jExpand是一个可以让表格具备可伸缩功能的jQuery插件。利用这个功能可以帮助你更好地组织表格，让表格承载更多的消息比如图片，列表，图表和其它元素。</p><p><a href="http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx" style="color: #015fb6; text-decoration: none; "><img title="clip_image018" border="0" alt="clip_image018" width="500" height="232" src="http://articles.csdn.net/uploads/allimg/110407/10260QP8-16.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 372px; display: block; float: none; height: 193px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://www.jankoatwarpspeed.com/examples/expandable-rows/" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p><strong>18.<a href="http://www.oschina.net/p/tableeditor" style="color: #015fb6; text-decoration: none; ">TableEditor</a></strong></p><p>TableEditor提供了灵活的对表格进行即时编辑功能，用户可自定义编辑的处理函数，例如调用Ajax方法更新数据等。</p><p><a href="http://dev.iceburg.net/jquery/tableEditor/demo.php" style="color: #ff6600; text-decoration: underline; "><img title="clip_image019" border="0" alt="clip_image019" width="500" height="133" src="http://articles.csdn.net/uploads/allimg/110407/10260W557-17.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; width: 352px; display: block; float: none; height: 116px; margin-left: auto; border-top-style: initial; border-top-color: initial; margin-right: auto; border-right-style: initial; border-right-color: initial; " /></a></p><p><strong><a href="http://dev.iceburg.net/jquery/tableEditor/example_full.php" style="color: #015fb6; text-decoration: none; ">View Live Demo</a></strong></p><p>原文链接：<a target="_blank" href="http://www.oschina.net/news/16973/18-best-jquery-data-table-plugin" style="color: #015fb6; text-decoration: none; ">http://www.oschina.net/news/16973/18-best-jquery-data-table-plugin</a></p><div style="text-align: center; "></div></span></div><img src="http://www.cnblogs.com/chinatefl/aggbug/2015869.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/chinatefl/archive/2011/04/14/2015869.html" target="_blank">本文链接</a></p>http://www.cnblogs.com/chinatefl/archive/2011/04/14/2015848.htmlWeb开发/设计人员应当知道的15个网站建个好网站绝非易事，工欲善其事必先利其器。本文编译了15个极其有用的网站，任何一位网站开发者或设计人员都应该收藏起来。ColorCombos在进行网站设计的时候，开始步骤的其中一项（也是最重要）的内容是选择出一个配色方案。Color Combos让你可以浏览上千个不同的颜色组合，以便从中为你即将开始的设计汲取灵感。其配色方案可按颜色浏览。点此浏览colorcombos.comLIpsum风靡之至的Lorem Ipsum文字，其大名谁人不知？哪个不晓？（译注：汗一个，查了才知道，这是指一篇用于测试排版设计的拉丁文文章，从15世纪开始就被广泛使用，文章因以Lorem Ipsum开头而得名）该段文字2011-04-14T04:18:00Z2011-04-14T04:18:00Z白桦的天空http://www.cnblogs.com/chinatefl/<div><span style="font-family: verdana, sans-serif; font-size: 12px; line-height: 18px; "><p><span style="color: #000000; ">建个好网站绝非易事，工欲善其事必先利其器。本文编译了15个极其有用的网站，任何一位网站开发者或设计人员都应该收藏起来。</span></p><p><strong>ColorCombos</strong></p><p><img border="0" alt="" width="594" height="441" src="http://articles.csdn.net/uploads/allimg/110412/94_110412131833_1.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 316px; height: 198px; cursor: pointer; " /></p><p>在进行网站设计的时候，开始步骤的其中一项（也是最重要）的内容是选择出一个配色方案。</p><p>Color Combos让你可以浏览上千个不同的颜色组合，以便从中为你即将开始的设计汲取灵感。其配色方案可按颜色浏览。</p><p><a rel="nofollow" target="_blank" href="http://www.colorcombos.com/" style="color: #015fb6; text-decoration: none; ">点此浏览colorcombos.com</a></p><p><strong>LIpsum</strong></p><p><img border="0" alt="" width="594" height="441" src="http://articles.csdn.net/uploads/allimg/110412/94_110412131956_1.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 323px; height: 168px; cursor: pointer; " /></p><p>风靡之至的Lorem Ipsum文字，其大名谁人不知？哪个不晓？（译注：汗一个，查了才知道，这是指一篇用于测试排版设计的拉丁文文章，从15世纪开始就被广泛使用，文章因以Lorem Ipsum开头而得名）该段文字被全球各地的网站设计者用来在设计中对其真正的文字的呈现效果进行仿真。</p><p>Lipsum.com让你可以创建所需数量的<em>Lorem Ipsum</em>自然段，快速又简便。</p><p><a rel="nofollow" target="_blank" href="http://lipsum.com/" style="color: #015fb6; text-decoration: none; ">点此访问LIpsum.com</a></p><p>What the font?</p><p><img border="0" alt="" width="594" height="441" src="http://articles.csdn.net/uploads/allimg/110412/94_110412132057_1.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 314px; height: 170px; cursor: pointer; " /></p><p>你刚看到一个标志或网站使用了一种特别的字体，你很喜欢它。很想在自己的设计中也使用同样的字体......但是你不知道字体的名字。在这个问题上你只有两种解决方案：花数小时寻找该字体，或者利用<em>What the font</em>的服务<em>。</em></p><p>“是什么字体”这项服务让你可以上传一个含有字体的标志或图像，然后告诉你该字体是什么。结果令人惊叹。</p><p><a rel="nofollow" target="_blank" href="http://new.myfonts.com/whatthefont" style="color: #015fb6; text-decoration: none; ">点此访问 What the font</a></p><p><strong>ConvertIcon</strong></p><p><img border="0" alt="" width="594" height="441" src="http://articles.csdn.net/uploads/allimg/110412/94_110412132202_1.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 326px; height: 178px; cursor: pointer; " /></p><p>对任何何网站来说，收藏夹图标都是必不可缺的，其主要原因是在现代浏览器如火狐上，它会随着网站名字出现tab栏上。书签也用到它。</p><p>收藏夹图标可以有多种不同的文件格式，包括流行的.png。唯一的问题是使用png作为你网站的收藏夹图标文件格式的话在IE浏览器上不起作用。令人欣慰的是，有一个免费的在线图标转换服务<em>ConvertIcon</em>，这项服务允许你上传图片然后返回一个.ico文件给你，这样就可以解决跟微软IE浏览器的兼容性问题了。</p><p><a rel="nofollow" target="_blank" href="http://www.converticon.com/" style="color: #015fb6; text-decoration: none; ">点此访问ConvertIcon</a></p><p><strong>BgPatterns</strong></p><p><img border="0" alt="" width="594" height="441" src="http://articles.csdn.net/uploads/allimg/110412/94_110412132308_1.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 314px; height: 180px; cursor: pointer; " /></p><p>背景花纹图案无疑是当今网站设计的趋势之一。</p><p>在<em>BgPatterns.com</em>，你可以浏览花样繁多的花纹并可以免费用到你的网站上。</p><p><a rel="nofollow" target="_blank" href="http://www.bgpatterns.com/" style="color: #015fb6; text-decoration: none; ">点此访问BgPatterns</a></p><p><strong>HTML Encoder</strong></p><p><img border="0" alt="" width="594" height="441" src="http://articles.csdn.net/uploads/allimg/110412/94_110412132357_1.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 325px; height: 179px; cursor: pointer; " /></p><p>你需要在自己的网站上显示代码吗？如果需要的话，你也许就会明白那有多烦。实际上你就不得不敲<em><</em> to display <em><。</em>如果你要显示50行的代码的话，手工转换HTML符号有可能就要花上一些时间了。</p><p>让你只需提供代码就可为你返回转换后的HTML实体。我每天都要用它来在自己的博客上展示代码。</p><p><strong>HTML Converter</strong></p><p>注：相应还有一个<a rel="nofollow" target="_blank" href="http://www.catswhocode.com/blog/15-sites-web-developers-and-designers-should-know" style="color: #015fb6; text-decoration: none; ">HTML Decoder</a>。</p><p><a rel="nofollow" target="_blank" href="http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx" style="color: #015fb6; text-decoration: none; ">点此访问HTML Encoder</a></p><p><strong>Xenocode Browsers</strong></p><p><img border="0" alt="" width="594" height="441" src="http://articles.csdn.net/uploads/allimg/110412/94_110412132443_1.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 344px; height: 179px; cursor: pointer; " /></p><p>依我之见，<em>Xenocode</em>浏览器乃测试网站在不同浏览器显示效果的终极浏览器。<em>Xenocode</em>允许你从网上直接加载IE6、IE7、IE8、Firefox 2、Firefox 3、Google Chrome以及Opera。唯一的弱点是：对于允许Macs和GNU/Linux的PC来说其服务不可用。</p><p><a rel="nofollow" target="_blank" href="http://www.xenocode.com/browsers/" style="color: #015fb6; text-decoration: none; ">点此访问Xenocode浏览器</a></p><p><strong>Test Everything</strong></p><p><img border="0" alt="" width="594" height="441" src="http://articles.csdn.net/uploads/allimg/110412/94_110412132526_1.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 328px; height: 181px; cursor: pointer; " /></p><p>除了想在许多浏览器中测试设计以外，你是不是还期望能在同一个地方测试页面的页面排名（PageRank）甚至验证自己的代码对标准的兼容性？</p><p>如是，则<em>Test Everything</em> 是你不容错过的网站。此站聚集了超过100种不同的工具，让你几乎可以测试网页上的任何东西。</p><p><a rel="nofollow" target="_blank" href="http://tester.jonasjohn.de/" style="color: #015fb6; text-decoration: none; ">点此访问Test Everything</a></p><p><strong>Sprite Generator</strong></p><p><img border="0" alt="" width="594" height="441" src="http://articles.csdn.net/uploads/allimg/110412/94_110412133318_1.jpg" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 309px; height: 182px; cursor: pointer; " /></p><p>毫无疑问，样式表贴图定位（CSS Sprite）是可供使用的一项伟大技术，主要是因为它减少了HTTP请求的数量。不过，样式表贴图定位需要时间和特定技术，这使得这项技术优点难以使用，尤其是对新手而言。</p><p>令人惊艳的<em>Sprite generator</em>让你可以发送一个含有图像的zip压缩文件。然后它把你的图片结合进贴图定位中返回给你，更妙的是，还可以把CSS代码页生成出来，你只需粘贴到主CSS文件中去即可。</p><p><a rel="nofollow" target="_blank" href="http://spritegen.website-performance.org/" style="color: #015fb6; text-decoration: none; ">点此访问Sprite Generator</a></p><p><strong>Buttonator</strong></p><p><img border="0" alt="" width="410" height="271" src="http://articles.csdn.net/uploads/allimg/110412/132F46015-8.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 335px; height: 201px; " /></p><p>对于任何一个庄重的博客或网站来说，好看的按钮无疑都是必备之物。如果你不了解这一点，或者没时间来创建一些酷酷的按钮，别担心：<em>Buttonator</em> 是一个先进的按钮生成器，还可以免费使用。</p><p>此外，如果你对CSS按钮感兴趣的话，别忘了看看我们的<a rel="nofollow" target="_blank" href="http://www.catswhocode.com/blog/15-sites-web-developers-and-designers-should-know" style="color: #015fb6; text-decoration: none; ">十大CSS按钮指南清单</a>。</p><p><a rel="nofollow" target="_blank" href="http://www.buttonator.com/" style="color: #015fb6; text-decoration: none; ">点此访问Buttonator</a></p><p><strong>Load Impact</strong></p><p><img border="0" alt="" width="406" height="265" src="http://articles.csdn.net/uploads/allimg/110412/132F45943-9.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 302px; height: 173px; " /></p><p>当网站名字出现在流行网站如Digg或Stumble的首页上时，你曾有过多少次看到过那些网站是宕掉的？</p><p>免费的<em>Load Impact</em>服务允许你对自己的网站应对各种不同的流量冲击进行测试。<a rel="nofollow" target="_blank" href="http://www.catswhocode.com/blog/15-sites-web-developers-and-designers-should-know" style="color: #015fb6; text-decoration: none; ">WpWebHost</a>托管的网站的结果非常出色。</p><p><a rel="nofollow" target="_blank" href="http://loadimpact.com/" style="color: #015fb6; text-decoration: none; ">点此访问Load Impact</a></p><p><strong>IconFinder</strong></p><p><img border="0" alt="" width="378" height="239" src="http://articles.csdn.net/uploads/allimg/110412/132F43L7-10.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 322px; height: 196px; " /></p><p>好看的图标在任何一个专业网站那里都是不可或缺的。网上有许多免费的图标，因此<em>IconFinder</em>那帮家伙决定创建一个免费图标集散地供你用于设计。毫无疑问，在此你可以轻易地在几秒钟时间内找到想要的东西。</p><p><a rel="nofollow" target="_blank" href="http://www.iconfinder.net/" style="color: #015fb6; text-decoration: none; ">点此访问IconFinder</a></p><p><strong>TypeTester</strong></p><p><img border="0" alt="" width="423" height="320" src="http://articles.csdn.net/uploads/allimg/110412/132F4O56-11.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 327px; height: 188px; " /></p><p>测试设计中的字体显示效果有时候是一件吹毛求疵的行为。令人欣慰的是，TypeTester可以让你测试字体及其属性的显示效果。绝对节省时间。</p><p><a rel="nofollow" target="_blank" href="http://www.typetester.org/" style="color: #015fb6; text-decoration: none; ">点此访问TypeTester</a></p><p><strong>CSS Tidy</strong></p><p><img border="0" alt="" width="424" height="291" src="http://articles.csdn.net/uploads/allimg/110412/132F4I15-12.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 323px; height: 168px; " /></p><p>即便是高级的开发人员经常也要去优化其CSS代码。<em>CSS Tidy</em>是免费的在线应用，可修正CSS代码的错误并对其进行优化。比如说，它可自动侦测冗余的样式，这是很常见的CSS代码错误。</p><p>里面有非常多的设定，可确保你对结果满意。</p><p><a rel="nofollow" target="_blank" href="http://csstidy.sourceforge.net/index.php" style="color: #015fb6; text-decoration: none; ">点此访问CSS Tidy</a></p><p><strong>Contact Forms Generators</strong></p><p><img border="0" alt="" width="390" height="227" src="http://articles.csdn.net/uploads/allimg/110412/132F44P7-13.png" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 336px; height: 183px; " /></p><p>对于任何一个网站来说表单都是非常重要的一部分，因为它们允许你的读者或客户跟你进行交互。通过利用<em>Contact Forms Generator</em>，可生成从网站发送电子邮件到你的邮箱去的PHP、ASP或甚至是Perl代码，你将会在创建表单方面节省下宝贵的时间。</p></span></div><img src="http://www.cnblogs.com/chinatefl/aggbug/2015848.html?type=1" width="1" height="1" alt=""/><p><a href="http://www.cnblogs.com/chinatefl/archive/2011/04/14/2015848.html" target="_blank">本文链接</a></p>