??xml version="1.0" encoding="utf-8" standalone="yes"?>日韩a在线观看,亚洲香蕉av,最新国产一区http://www.aygfsteel.com/xiaoshevip/zh-cnThu, 19 Jun 2025 04:12:47 GMTThu, 19 Jun 2025 04:12:47 GMT60使用 jQuery ?Ajax 开?/title><link>http://www.aygfsteel.com/xiaoshevip/archive/2008/01/16/175597.html</link><dc:creator>Boris</dc:creator><author>Boris</author><pubDate>Wed, 16 Jan 2008 02:03:00 GMT</pubDate><guid>http://www.aygfsteel.com/xiaoshevip/archive/2008/01/16/175597.html</guid><wfw:comment>http://www.aygfsteel.com/xiaoshevip/comments/175597.html</wfw:comment><comments>http://www.aygfsteel.com/xiaoshevip/archive/2008/01/16/175597.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/xiaoshevip/comments/commentRss/175597.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/xiaoshevip/services/trackbacks/175597.html</trackback:ping><description><![CDATA[        jQuery 是一个JavaScript 库,它有助于?JavaScript™ 以及 Asynchronous JavaScript + XML (Ajax) ~程。与cM?JavaScript 库不同,jQuery h独特的基本原理,可以z地表示常见的复杂代码。学?jQuery 基本原理Q探索其Ҏ和功能Q执行一些常见的 Ajax dq掌握如何用插件扩?jQuery?<br /> <a name="whats-jquery"><span id="wmqeeuq" class="atitle"><strong>jQuery 是什么?</strong></span></a> <p>       jQuery ?John Resig 创徏?2006 q初Q对于Q何?JavaScript 代码的程序员来说Q它是一个非常有用的 JavaScript 库。无论您是刚刚接?JavaScript 语言Qƈ且希望获得一个能解决文档对象模型QDocument Object ModelQDOMQ脚本和 Ajax 开发中一些复杂问题的库,q是作ؓ一个厌倦了 DOM 脚本?Ajax 开发中无聊的重复工作的资深 JavaScript 专家QjQuery 都会是您的首选?/p> <p>        jQuery 能帮助您保证代码z易诅R您再也不必~写大堆重复的@环代码和 DOM 脚本库调用了。?jQueryQ您可以把握问题的要点,q用尽可能最的代码实现您想要的功能?/p> <p>        毫无疑问QjQuery 的原理是独一无二的:它的目的是保证代码zƈ可重用。当您理解ƈ体会q一原理后,便可以开始学习本教程了,看看 jQuery Ҏ们的~程方式有多改q吧?/p> <p><a name="simplification"><span id="wmqeeuq" class="atitle">一些简单的代码?/span></a></p> <p>        下面是一个简单示例,它说明了 jQuery 对代码的影响。要执行一些真正简单和常见的Q务,比方说ؓ面的某一区域中的每个链接附加一个单击(clickQ事Ӟ您可以用纯 JavaScript 代码?DOM 脚本来实玎ͼ?<a >清单 1</a> 所C?/p> <br /> <a name="list1"><strong style="font-size: 10pt">清单 1. 没有使用 jQuery ?DOM 脚本</strong></a><br /> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode"> var external_links = document.getElementById('external_links'); var links = external_links.getElementsByTagName('a'); for (var i=0;i < links.length;i++) { var link = links.item(i); link.onclick = function() { return confirm('You are going to visit: ' + this.href); }; }</pre> </td> </tr> </tbody> </table> <p><br /> <a name="list2"><strong style="font-size: 10pt">清单 2. 使用?jQuery ?DOM 脚本</strong></a><br /> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode"> $('#external_links a').click(function() { return confirm('You are going to visit: ' + this.href); });</pre> </td> </tr> </tbody> </table> <br /> </p> <p>        是不是很奇Q?使用 jQueryQ您可以把握问题的要点,只让代码实现您想要的功能Q而省M一些繁琐的q程。无需对元素进行@环,<code>click()</code> 函数完成这些操作。同样也不需要进行多?DOM 脚本调用。您只需要用一个简短的字符串对所需的元素进行定义即可?/p> <p>        理解q一代码的工作原理可能会有一点复杂。首先,我们使用?<code>$()</code> 函数 —?jQuery 中功能最强大的函数。通常Q我们都是用这个函C文档中选择元素。在本例中,一个包含有一些层叠样式表QCascading Style SheetQCSSQ语法的字符串被传递给函数Q然?jQuery 可能高效地把这些元素找出来?/p> <p>        如果您具?CSS 选择器的基本知识Q那么应该很熟悉q些语法。在 <a >清单 2</a> 中,<code>#external_links</code> 用于?<code>id</code> ?<code>external_links</code> 的元素?code>a</code> 后的I格表示 jQuery 需要检?<code>external_links</code> 元素中的所?<code><a></code> 元素。用p说v来非常绕口,甚至?DOM 脚本中也是这P但是?CSS 中这再简单不q了?code>$()</code> 函数q回一个含有所有与 CSS 选择器匹配的元素?jQuery 对象?em>jQuery 对象</em> cM于数l,但是它附带有大量Ҏ?jQuery 函数。比方说Q您可以通过调用 <code>click</code> 函数?click 处理函数指定l?jQuery 对象中的所有元素。还可以?<code>$()</code> 函数传递一个元素或者一个元素数l,该函数将把这些元素封装在一?jQuery 对象中。您可能会想要用这个功能将 jQuery 函数用于一些对象,比方?<code>window</code> 对象。例如,我们通常会像下面q样把函数分配给加蝲事gQ?/p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">window.onload = function() { // do this stuff when the page is done loading };</pre> </td> </tr> </tbody> </table> <br /> <p>使用 jQuery ~写的功能相同的代码Q?/p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$(window).load(function() { // run this when the whole page has been downloaded });</pre> </td> </tr> </tbody> </table> <br /> <p>        您可能有所体会Q等待窗口加载的q程是非常缓慢而且令h痛苦的,q是因ؓ必须{整个页面加载完所有的内容Q包括页面上所有的的图片。有的时候,您希望首先完成图片加载,但是在大多数情况下,您只需加蝲文本标志语aQHypertext Markup LanguageQHTMLQ就可以了。通过在文档中创徏Ҏ?<code>ready</code> 事gQjQuery 解决了这个问题,Ҏ如下Q?/p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$(document).ready(function() { // do this stuff when the HTML is all ready }); </pre> </td> </tr> </tbody> </table> <br /> <p>q个代码围绕 <code>document</code> 元素创徏了一?jQuery 对象Q然后徏立一个函敎ͼ用于?HTML DOM 文档qA的时候调用实例。可以根据需要Q意地调用q个函数。ƈ且能够以真正?jQuery 格式Q用快h式调用这个函数。这很简单,只需?<code>$()</code> 函数传递一个函数就可以了:</p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$(function() { // run this when the HTML is done downloading }); </pre> </td> </tr> </tbody> </table> <br /> <p>到目前以止,我已l向大家介绍?<code>$()</code> 函数的三U用法。第四种Ҏ可以使用字符串来创徏元素。结果会产生一个包含该元素?jQuery 对象?a >清单 3</a> 昄的示例在面中添加了一个段落?br /> <a name="list3"><strong style="font-size: 10pt">清单 3. 创徏和附加一个简单的D落</strong></a><br /> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode"> $('<p></p>') .html('Hey World!') .css('background', 'yellow') .appendTo("body");</pre> </td> </tr> </tbody> </table> </p> <p><a name="chaining">在前一个例子中您可能已l注意到QjQuery 中的另一个功能强大的Ҏ就?em>Ҏ链接Qmethod chainingQ?/em>。每ơ对 jQuery 对象调用ҎӞҎ都会q回相同?jQuery 对象。这意味着如果您需要对 jQuery 对象调用多个ҎQ那么您不必重新键入选择器就可以实现q一目的Q?/p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$('#message').css('background', 'yellow').html('Hello!').show();</pre> </td> </tr> </tbody> </table> </a> <p><a name="simplifying-ajax"><span id="wmqeeuq" class="atitle"><strong>?Ajax 变得?/strong></span></a></p> <p>使用 jQuery Ajax 变得及其单。jQuery 提供有一些函敎ͼ可以使简单的工作变得更加单,复杂的工作变得不再复杂?/p> <p>Ajax 最常见的用法就是把一?HTML 代码加蝲到页面的某个区域中去。ؓ此,只需单地选择所需的元素,然后使用 <code>load()</code> 函数卛_。下面是一个用于更新统计信息的CZQ?/p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$('#stats').load('stats.html');</pre> </td> </tr> </tbody> </table> <br /> <p>通常Q我们只需单地把一些参C递给服务器中的某个页面。正如您所预料的,使用 jQuery 实现q一操作非常地简单。您可以使用 <code>$.post()</code> 或?<code>$.get()</code>Q这由所需的方法决定。如果需要的话,您还可以传递一个可选的数据对象和回调函数?a >清单 4</a> 昄了一个发送数据和使用回调的简单示例?br /> <a name="list4"><strong style="font-size: 10pt">清单 4. 使用 Ajax 向页面发送数?/strong></a><br /> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode"> $.post('save.cgi', { text: 'my string', number: 23 }, function() { alert('Your data has been saved.'); });</pre> </td> </tr> </tbody> </table> </p> <p>        如果您确实需要编写一些复杂的 Ajax 脚本Q那么需要用?<code>$.ajax()</code> 函数。您可以指定 <code>xml</code>?code>script</code>?code>html</code> 或?<code>json</code>QjQuery 自动ؓ回调函数准备合适的l果Q这h便可以立即用该l果。还可以指定 <code>beforeSend</code>?code>error</code>?code>success</code> 或?<code>complete</code> 回调函数Q向用户提供更多有关 Ajax 体验的反馈。此外,q有一些其它的参数可供使用Q您可以使用它们讄 Ajax h的超Ӟ也可以设|页?“最q一ơ修?#8221; 的状态。清?5 昄了一个用一些我所提到的参数检?XML 文档的示例?/p> <br /> <a name="list5"><strong style="font-size: 10pt">清单 5. $.ajax() ?Ajax 由复杂变?</strong></a><br /> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode"> $.ajax({ url: 'document.xml', type: 'GET', dataType: 'xml', timeout: 1000, error: function(){ alert('Error loading XML document'); }, success: function(xml){ // do something with xml } }); </pre> </td> </tr> </tbody> </table> <br /> <p>?success 回调函数q回 XML 文档后,您可以?jQuery 索这?XML 文档Q其方式与检?HTML 文档是一L。这样得处?XML 文档变得相当地容易,q且把内容和数据集成C您的 Web 站点里面?a >清单 6</a> 昄?<code>success</code> 函数的一个扩展,它ؓ XML 中的每个 <code><item></code> 元素都添加了一个列表项?Web 面中?/p> <br /> <a name="list6"><strong>清单 6. 使用 jQuery 处理 XML 文档</strong></a><br /> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode"> success: function(xml){ $(xml).find('item').each(function(){ var item_text = $(this).text(); $('<li></li>') .html(item_text) .appendTo('ol'); }); } </pre> </td> </tr> </tbody> </table> <p><a name="animation"><span id="wmqeeuq" class="atitle">?HTML d动画</span></a></p> <p>可以使用 jQuery 处理基本的动d昄效果?code>animate()</code> 函数是动M码的核心Q它用于更改M随时间变化的数值型?CSS 样式倹{比方说Q您可以变化高度、宽度、不透明度和位置。还可以指定动画的速度Q定为毫U或者预定义的速度Q慢速,中速或快速?/p> <p>下面是一个同时变化某个元素高度和宽度的示例。请注意Q这些参数没有开始|只有最l倹{开始值取自元素的当前寸。同时我也附加了一个回调函数?/p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$('#grow').animate({ height: 500, width: 500 }, "slow", function(){ alert('The element is done growing!'); }); </pre> </td> </tr> </tbody> </table> <br /> <p>jQuery 的内|函C更多常见的动LҎ完成。可以?<code>show()</code> ?<code>hide()</code> 元素Q立xC或者以特定的速度昄。还可以通过使用 <code>fadeIn()</code> ?<code>fadeOut()</code>Q或?<code>slideDown()</code> ?<code>slideUp()</code> 昄和隐藏元素,q取决于您所需要的昄效果。下面的CZ定义了一个下滑的D菜单?/p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$('#nav').slideDown('slow'); </pre> </td> </tr> </tbody> </table> <p><a name="dom-and-events"><span id="wmqeeuq" class="atitle">DOM 脚本和事件处?/span></a></p> <p>或许 jQuery 最擅长的就是简?DOM 脚本和事件处理。遍历和处理 DOM 非常单,同时附加、移除和调用事g也十分容易,且不像手动操作那样容易出错?/p> <p>从本质上_jQuery 可以?DOM 脚本中的常用操作变得更加Ҏ。您可以创徏元素q且使用 <code>append()</code> 函数把它们与其它的一些元素链接到一P使用 <code>clone()</code> 复制元素Q?<code>html()</code> 讄内容Q?<code>empty()</code> 函数删除内容Q?<code>remove()</code> 函数删除所有的元素Q即便是使用 <code>wrap()</code> 函数Q用其他元素这些元素包装v来?/p> <p>通过遍历 DOMQ一些函数可以用于更?jQuery 对象本n的内宏V可以获得元素所有的 <code>siblings()</code>?code>parents()</code> ?<code>children()</code>。还可以选择 <code>next()</code> ?<code>prev()</code> 兄弟元素?code>find()</code> 函数或许是功能最强大的函敎ͼ它允怋?jQuery 选择器搜?jQuery 对象中元素的后代元素?/p> <p>如果l合使用 <code>end()</code> 函数Q那么这些函数将变得更加强大。这个函数的功能cM?undo 函数Q用于返回到调用 <code>find()</code> ?<code>parents()</code> 函数Q或者其它遍历函敎ͼ之前?jQuery 对象?/p> <p>如果配合Ҏ链接Qmethod chainingQ一起用,q些函数可以使复杂的操作看上去非常简单?a >清单 7 </a>昄了一个示例,其中包含有一个登录表单ƈ处理了一些与之有关的元素?/p> <br /> <a name="list7"><strong>清单 7. L地遍历和处理 DOM</strong></a><br /> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode"> $('form#login') // hide all the labels inside the form with the 'optional' class .find('label.optional').hide().end() // add a red border to any password fields in the form .find('input:password').css('border', '1px solid red').end() // add a submit handler to the form .submit(function(){ return confirm('Are you sure you want to submit?'); }); </pre> </td> </tr> </tbody> </table> <br /> <p>不管您是否相信,q个CZ只是一行满是空白的被链接的代码。首先,选择d表单。然后,发现其中含有可选标{,隐藏它们Qƈ调用 <code>end()</code> q回表单。然后,我创Z密码字段Q将其边界变为红Ԍ再次调用 <code>end()</code> q回表单。最后,我在表单中添加了一个提交事件处理程序。其中尤为有的是Q除了其z性以外)QjQuery 完全优化了所有的查询操作Q确保将所有内容很好地链接在一起后Q不需要对一个元素执行两ơ查询?/p> <p>处理常见事g像调用函数Q比方说 <code>click()</code>?code>submit()</code> ?<code>mouseover()</code>Q和为其传递事件处理函CL单。此外,q可以?<code>bind('eventname', function(){})</code> 指定自定义的事g处理E序。可以?<code>unbind('eventname')</code> 删除某些事g或者?<code>unbind()</code> 删除所有的事g。有兌些函数的使用Ҏ的完整列表,请参?<a >参考资?/a> 中的 jQuery 应用E序~程接口QApplication Program InterfaceQAPIQ文档?/p> <p><a name="selectors"><span id="wmqeeuq" class="atitle">释放 jQuery 选择器的强大能量</span></a></p> <p>我们l常会?ID 来选择元素Q比?<code>#myid</code>Q或者通过cdQ比?<code>div.myclass</code> 来选择元素。然而,jQuery 提供了更为复杂和完整的选择器语法,允许我们在单个选择器中选择几乎所有的元素l合?/p> <p>jQuery 的选择器语法主要是Z CSS3 ?XPath 的。对 CSS3 ?XPath 了解的越多,使用 jQuery 时就加得心应手。有?jQuery 选择器的完整列表Q包?CSS ?XPathQ请参阅 <a >参考资?/a> 中的链接?/p> <p>CSS3 包含一些ƈ不是所有浏览器都支持的语法Q因此我们很用它。然而,我们仍然可以?jQuery 中?CSS3 选择元素Q因?jQuery 具备自己的自定义选择器引擎。比方说Q要在表g的每一个空列中都添加一个横杠,可以使用Q?code>:empty</code> 伪选择器(pseudo-selectorQ:</p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$('td:empty').html('-'); </pre> </td> </tr> </tbody> </table> <br /> <p>如果需要找出所?strong>?/strong>含特定类的元素呢Q?CSS3 同样提供了一个语法可以完成这个目的,使用 <code>:not</code> 伪选择器: 如下代码昄了如何隐藏所有不?<code>required</code> cȝ输入内容Q?/p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$('input:not(.required)').hide(); </pre> </td> </tr> </tbody> </table> <br /> <p>与在 CSS 中一P可以使用逗号多个选择器连接成一个。下面是一个同旉藏页面上所有类型列表的单示例:</p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$('ul, ol, dl').hide(); </pre> </td> </tr> </tbody> </table> <br /> <p>XPath 是一U功能强大的语法Q用于在文档中搜d素。它?CSS E有区别Q不q它能实现的功能略多?CSS。要在所有复选框的父元素中添加一个边框,可以使用 XPath ?<code>/..</code> 语法Q?/p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$("input:checkbox/..").css('border', '1px solid #777'); </pre> </td> </tr> </tbody> </table> <br /> <p>jQuery 中也加入了一?CSS ?XPath 中没有的选择器。比方说Q要使一个表更具可读性,通常可以在表格的奇数行或偶数行中附加一个不同的cd —?也可以称作把?em>分段QstripingQ?/em>。?jQuery 不费吹灰之力可以做到这点,q需要归功于 <code>odd</code> 伪选择器。下面这个例子?<code>striped</code> cL变了表格中所有奇数行的背景颜Ԍ</p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$('table.striped > tr:odd').css('background', '#999999'); </pre> </td> </tr> </tbody> </table> <br /> <p>我们可以看到强大?jQuery 选择器是如何化代码的。不论您惛_理什么样的元素,不管q个元素是具体的q是模糊的,都有可能扑ֈ一U方法用一?jQuery选择器对它们q行定义?/p> <p><a name="plugins"><span id="wmqeeuq" class="atitle">使用插g扩展 jQuery</span></a></p> <p>与大多数软g不同Q用一个复杂的 API ?jQuery ~写插gq不是非常困难。事实上QjQuery 插g非常易于~写Q您甚至希望~写一些插件来使代码更加简单。下面是可以~写的最基本?jQuery 插gQ?/p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$.fn.donothing = function(){ return this; }; </pre> </td> </tr> </tbody> </table> <br /> <p>虽然非常单,但是q是需要对q个插gq行一些解释。首先,如果要ؓ每一?jQuery 对象d一个函敎ͼ必须把该函数指派l?<code>$.fn</code>。第二,q个函数必须要返回一?<code>this</code>QjQuery 对象Q,q样才不至于打断 <a >Ҏ链接Qmethod chainingQ?/a>?/p> <p>可以L地在q个CZ之上构徏。要~写一个更换背景颜色的插gQ以替代使用 <code>css('background')</code>Q可以用下面的代码Q?/p> <table cellspacing="0" cellpadding="0" width="60%" border="0"> <tbody> <tr> <td class="code-outline"> <pre class="displaycode">$.fn.background = function(bg){ return this.css('background', bg); }; </pre> </td> </tr> </tbody> </table> <br /> <p>清注意,可以只从 <code>css()</code> q回|因ؓ已经q回?jQuery 对象。因此,Ҏ链接Qmethod chainingQ仍然运作良好?/p> <p>我徏议在需要重复工作的时候?jQuery 插g。比方说Q如果您需要?<code>each()</code> 函数反复执行相同的操作,那么可以使用一个插件来完成?/p> <p>׃ jQuery 插g相当易于~写Q所以有上百U可供你选择使用。jQuery 提供的插件可用于制表、圆角、滑动显C、工hC、日期选择器,以及我们可以惛_的一切效果。有x件的完整列表Q请参阅 <a >参考资?/a>?/p> <p>最为复杂、用最为广泛的插g要属界面QInterfaceQ,它是一U动LӞ用于处理排序、拖攑֊能、复杂效果、以及其它有和复杂的用L面(User InterfaceQUIQ。界面对?jQuery 来说如 Scriptaculous 对于 Prototype 一栗?/p> <p>表单插g也同h行且非常有用Q通过它可以?Ajax 在后CL地提交表单。这个插件用于处理一些常见的情况Q您需要截h个表单的提交事gQ找出所有不同的输入字段Qƈ使用q些字段构造一?Ajax 调用?/p> <img src ="http://www.aygfsteel.com/xiaoshevip/aggbug/175597.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/xiaoshevip/" target="_blank">Boris</a> 2008-01-16 10:03 <a href="http://www.aygfsteel.com/xiaoshevip/archive/2008/01/16/175597.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss> <footer> <div class="friendship-link"> <a href="http://www.aygfsteel.com/" title="狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频">狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频</a> </div> </footer> վ֩ģ壺 <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">º</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">կ</a>| <a href="http://" target="_blank">Ž</a>| <a href="http://" target="_blank">̨</a>| <a href="http://" target="_blank">ګ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">¹</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">Ϫ</a>| <a href="http://" target="_blank">ԭ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ƽȪ</a>| <a href="http://" target="_blank">̨</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ī</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ʯɽ</a>| <a href="http://" target="_blank">ˮ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ɽ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body>