<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>最优良人 &#187; jquery</title>
	<atom:link href="http://www.zui88.com/view-tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.zui88.com/blog</link>
	<description>中山php&#124;最优网络</description>
	<lastBuildDate>Mon, 13 May 2013 04:56:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>JQ实现元素上下移动</title>
		<link>http://www.zui88.com/blog/view-187.html</link>
		<comments>http://www.zui88.com/blog/view-187.html#comments</comments>
		<pubDate>Thu, 25 Aug 2011 06:33:07 +0000</pubDate>
		<dc:creator>lin</dc:creator>
				<category><![CDATA[网站前端]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.zui88.com/blog/?p=187</guid>
		<description><![CDATA[jquery实现元素上下移动代码 $('.ctl-prev').click(function(){ $('#ctl-ul li:last-child').clone(true).prependTo('#ctl-ul'); //clone(true)参数true是表示把元素所绑定的事件一起克隆，在副本还能够监听到事件并且触发动作 $('#ctl-ul li:last-child').remove(); return false; }); $('.ctl-next').click(function(){ $('#ctl-ul li:first-child').clone(true).appendTo('#ctl-ul'); $('#ctl-ul li:first-child').remove(); return false; });]]></description>
			<content:encoded><![CDATA[<p>jquery实现元素上下移动代码<br />
$('.ctl-prev').click(function(){</p>
<p>        $('#ctl-ul li:last-child').clone(true).prependTo('#ctl-ul');</p>
<p>//clone(true)参数true是表示把元素所绑定的事件一起克隆，在副本还能够监听到事件并且触发动作<br />
        $('#ctl-ul li:last-child').remove();<br />
        return false;<br />
    });<br />
    $('.ctl-next').click(function(){<br />
        $('#ctl-ul li:first-child').clone(true).appendTo('#ctl-ul');<br />
        $('#ctl-ul li:first-child').remove();<br />
        return false;<br />
    });</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zui88.com/blog/view-187.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>jq实现简单的li（文字或图片）垂直滚动</title>
		<link>http://www.zui88.com/blog/view-184.html</link>
		<comments>http://www.zui88.com/blog/view-184.html#comments</comments>
		<pubDate>Thu, 25 Aug 2011 06:24:04 +0000</pubDate>
		<dc:creator>lin</dc:creator>
				<category><![CDATA[网站前端]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.zui88.com/blog/?p=184</guid>
		<description><![CDATA[以下代码jquery实现简单的滚动，原理是克隆第一个li然后放到末尾，接着让它往上滑动然后清除掉，反复循环 &#60;script type="text/javascript"&#62; function slide(ClassName){ var ID = setInterval ("run('"+ClassName+"')",1000); $('.'+ClassName).mouseover(function(){ clearInterval(ID) }).mouseout(function(){ ID = setInterval ("run('"+ClassName+"')",1000); }); } function run(ClassName){ $('.'+ClassName).find('li').first().clone().appendTo('.'+ClassName); $('.'+ClassName).find('li').first().slideUp("slow", function(){ $('.'+ClassName).find('li').first().remove(); } ); } $(function(){ slide('side-news-cnt'); }); &#60;/script&#62;]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: small;">以下代码jquery实现简单的滚动，原理是克隆第一个li然后放到末尾，接着让它往上滑动然后清除掉，反复循环<br />
&lt;script type="text/javascript"&gt;<br />
    function slide(ClassName){<br />
         var ID =  setInterval ("run('"+ClassName+"')",1000);<br />
          $('.'+ClassName).mouseover(function(){<br />
           clearInterval(ID)<br />
            }).mouseout(function(){<br />
     ID =  setInterval ("run('"+ClassName+"')",1000);<br />
    });</p>
<p>    }<br />
   function run(ClassName){<br />
       $('.'+ClassName).find('li').first().clone().appendTo('.'+ClassName);<br />
       $('.'+ClassName).find('li').first().slideUp("slow",<br />
    function(){<br />
     $('.'+ClassName).find('li').first().remove();<br />
      }<br />
    );</p>
<p>      }<br />
$(function(){</span></p>
<p><span style="font-size: small;">   slide('side-news-cnt');</p>
<p>});<br />
&lt;/script&gt;</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.zui88.com/blog/view-184.html/feed</wfw:commentRss>
		<slash:comments>265</slash:comments>
		</item>
		<item>
		<title>asyncbox异步弹出窗口，jq弹出层插件，可异步加载页面</title>
		<link>http://www.zui88.com/blog/view-175.html</link>
		<comments>http://www.zui88.com/blog/view-175.html#comments</comments>
		<pubDate>Thu, 25 Aug 2011 04:18:44 +0000</pubDate>
		<dc:creator>lin</dc:creator>
				<category><![CDATA[网站前端]]></category>
		<category><![CDATA[asyncbox]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.zui88.com/blog/?p=175</guid>
		<description><![CDATA[AsyncBox（异步盒子）是一款基于 jQuery 的弹窗插件。能够实现网站的整体风格效果，给用户一个新的视觉享受。主要模拟常用的 alert、confirm、prompt、open 和扩展了一些对话框。它通过回调函数触发事件动作并执行，使操作区域更加明了、统一。而且能够在主流浏览器中灵活运用。 介绍及下载地址 http://www.nnhuashi.com/asyncbox/index.html 实例： $('#select-furns').click(function() { asyncbox.open({ id: 'select-form', title: $(this).val(), url: 'index.php', width: 700, height: 400, tipsbar: { title: '操作提示', content: '请先通过下方 &#60;strong&#62;筛选操作&#60;/strong&#62;，筛选出你需要的家具。' }, data: { module: 'House_Furniture', load: 'AjaxFurniture', col_key: '&#60;?php echo $_GET['col_key']; ?&#62;', lang: '&#60;?php echo getLanguage(); ?&#62;' } }); }); 注意：如果通过a标签点击弹出，如果a标签的href为javascript:;或javascript:void(0);在ie6下可能会产生阻断，导致页面无法打开 解决的方法是用href=#或者不用a标签 为了防止浏览器跳到顶部，可以加上onclick="return false;" ，或者可以用href=#click这样的形式，这样点击的话如果有id=click的元素浏览器会定位到那里，如果没有，则原地不动]]></description>
			<content:encoded><![CDATA[<p>AsyncBox（异步盒子）是一款基于 jQuery 的弹窗插件。能够实现网站的整体风格效果，给用户一个新的视觉享受。主要模拟常用的 alert、confirm、prompt、open 和扩展了一些对话框。它通过回调函数触发事件动作并执行，使操作区域更加明了、统一。而且能够在主流浏览器中灵活运用。</p>
<p>介绍及下载地址 <a href="http://www.nnhuashi.com/asyncbox/index.html" target="_blank">http://www.nnhuashi.com/asyncbox/index.html</a></p>
<p>实例：<br />
 $('#select-furns').click(function() {<br />
        asyncbox.open({<br />
            id: 'select-form',<br />
            title: $(this).val(),<br />
            url: 'index.php',<br />
            width: 700,<br />
            height: 400,<br />
            tipsbar: {<br />
                title: '操作提示',<br />
                content: '请先通过下方 &lt;strong&gt;筛选操作&lt;/strong&gt;，筛选出你需要的家具。'<br />
            },<br />
            data: {<br />
                module: 'House_Furniture',<br />
                load: 'AjaxFurniture',<br />
                col_key: '&lt;?php echo $_GET['col_key']; ?&gt;',<br />
                lang: '&lt;?php echo getLanguage(); ?&gt;'<br />
            }<br />
        });<br />
    });<br />
注意：如果通过a标签点击弹出，如果a标签的href为javascript:;或javascript:void(0);在ie6下可能会产生阻断，导致页面无法打开<br />
解决的方法是用href=#或者不用a标签<br />
为了防止浏览器跳到顶部，可以加上onclick="return false;" ，或者可以用href=#click这样的形式，这样点击的话如果有id=click的元素浏览器会定位到那里，如果没有，则原地不动</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zui88.com/blog/view-175.html/feed</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>解决jquery和prototype冲突，jquery和prototype共存的方法</title>
		<link>http://www.zui88.com/blog/view-172.html</link>
		<comments>http://www.zui88.com/blog/view-172.html#comments</comments>
		<pubDate>Thu, 25 Aug 2011 03:58:20 +0000</pubDate>
		<dc:creator>lin</dc:creator>
				<category><![CDATA[网站前端]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[prototype]]></category>

		<guid isPermaLink="false">http://www.zui88.com/blog/?p=172</guid>
		<description><![CDATA[今天遇到一个项目的修改，由于该项目之前是使用prototype框架，而我拿手的是使用jquery框架，但是又不想全部重写原来的页面效果，所以在页面引入了jquery文件，但是发现原来的js效果消失了，这是因为他们共同使用了$这个对象，造成了重写覆盖，解决方法是重定义jquery的这个对象 首先在页面最开头引入jquery文件，一定要在prototype文件引入之前，然后紧接着重写$ &#60;script type="text/javascript" src="data/jquery.min.js"&#62;&#60;/script&#62; &#60;script type="text/javascript"&#62; var jQuery=$; &#60;/script&#62; 然后在后面运用jquery时把原来使用$的地方全部换成jQuery就可以了]]></description>
			<content:encoded><![CDATA[<p>今天遇到一个项目的修改，由于该项目之前是使用prototype框架，而我拿手的是使用jquery框架，但是又不想全部重写原来的页面效果，所以在页面引入了jquery文件，但是发现原来的js效果消失了，这是因为他们共同使用了$这个对象，造成了重写覆盖，解决方法是重定义jquery的这个对象</p>
<p>首先在页面最开头引入jquery文件，一定要在prototype文件引入之前，然后紧接着重写$</p>
<p>&lt;script type="text/javascript" src="data/jquery.min.js"&gt;&lt;/script&gt;<br />
&lt;script type="text/javascript"&gt;<br />
   var jQuery=$;<br />
&lt;/script&gt;</p>
<p>然后在后面运用jquery时把原来使用$的地方全部换成jQuery就可以了</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zui88.com/blog/view-172.html/feed</wfw:commentRss>
		<slash:comments>251</slash:comments>
		</item>
		<item>
		<title>使用基于Jquery的可视化编辑器 Xheditor</title>
		<link>http://www.zui88.com/blog/view-108.html</link>
		<comments>http://www.zui88.com/blog/view-108.html#comments</comments>
		<pubDate>Sun, 14 Aug 2011 17:00:43 +0000</pubDate>
		<dc:creator>lin</dc:creator>
				<category><![CDATA[网站前端]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Xheditor]]></category>

		<guid isPermaLink="false">http://www.zui88.com/blog/?p=108</guid>
		<description><![CDATA[使用方法 1. 下载xhEditor最新版本。 下载地址：http://code.google.com/p/xheditor/downloads/list 2. 解压压缩文件，将其中的xheditor.js以及xheditor_emot、xheditor_plugins和xheditor_skin三个文件夹上传到网站相应目录 3. 在相应html文件的&#60;/head&#62;之前添加 &#60;script type="text/javascript" src="http://static.xxx.com/js/jquery.js"&#62;&#60;/script&#62; &#60;script type="text/javascript" src="http://static.xxx.com/js/xheditor.js"&#62;&#60;/script&#62; 4. 方法1：在textarea上添加属性： class="xheditor {skin:'default'}"，前面主参数也可以是xheditor-mini和xheditor-simple，分别加载迷你和简单工具栏，后面详细参数可以省略 方法2：在您的页面初始JS代码里加上： $('#elm1').xheditor(); $('#elm1').xheditor()； 例如： $({ $('#elm1').xheditor()； }); 相应的删除编辑器的代码为 $('#elm1').xheditor(false)； 重要说明：2种初始化方法只能选择其中一种，不能混合使用，优先级分别是：方法1&#62;方法2，例如用了方法1，方法2就无法使用了 更多帮助信息，请查看在线帮助：http://code.google.com/p/xheditor/wiki/Help 或者参考demos文件夹中的演示页面 建议使用wizard.html初始化代码生成向导来生成适合你的代码。]]></description>
			<content:encoded><![CDATA[<div style="line-height: 25px;">
<p>使用方法</p>
<p>1. 下载xhEditor最新版本。<br />
   下载地址：<a href="http://code.google.com/p/xheditor/downloads/list">http://code.google.com/p/xheditor/downloads/list</a></p>
<p>2. 解压压缩文件，将其中的xheditor.js以及xheditor_emot、xheditor_plugins和xheditor_skin三个文件夹上传到网站相应目录</p>
<p>3. 在相应html文件的&lt;/head&gt;之前添加<br />
&lt;script type="text/javascript" src="<a href="http://static.xxx.com/js/jquery.js">http://static.xxx.com/js/jquery.js"&gt;&lt;/script</a>&gt;<br />
&lt;script type="text/javascript" src="<a href="http://static.xxx.com/js/xheditor.js">http://static.xxx.com/js/xheditor.js"&gt;&lt;/script</a>&gt;</p>
<p>4.<br />
方法1：在textarea上添加属性： class="xheditor {skin:'default'}"，前面主参数也可以是xheditor-mini和xheditor-simple，分别加载迷你和简单工具栏，后面详细参数可以省略<br />
方法2：在您的页面初始JS代码里加上： $('#elm1').xheditor();<br />
$('#elm1').xheditor()；<br />
例如：<br />
$({<br />
$('#elm1').xheditor()；<br />
});<br />
相应的删除编辑器的代码为<br />
$('#elm1').xheditor(false)；<br />
重要说明：2种初始化方法只能选择其中一种，不能混合使用，优先级分别是：方法1&gt;方法2，例如用了方法1，方法2就无法使用了<br />
更多帮助信息，请查看在线帮助：<a href="http://code.google.com/p/xheditor/wiki/Help">http://code.google.com/p/xheditor/wiki/Help</a><br />
或者参考demos文件夹中的演示页面<br />
建议使用wizard.html初始化代码生成向导来生成适合你的代码。</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.zui88.com/blog/view-108.html/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Jquery常用的ajax操作</title>
		<link>http://www.zui88.com/blog/view-92.html</link>
		<comments>http://www.zui88.com/blog/view-92.html#comments</comments>
		<pubDate>Sat, 13 Aug 2011 18:34:11 +0000</pubDate>
		<dc:creator>lin</dc:creator>
				<category><![CDATA[网站前端]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[JQ]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.zui88.com/blog/?p=92</guid>
		<description><![CDATA[Jquery异步加载一个页面是如此简单： $.ajax({ url: "/testl/index.html", cache: false, success: function(html){ $("#test").append(html); } }); 或者更简单的：$("#test").load("/test/index.html"); 以 POST 形式发送附加参数并在成功时显示信息。 jQuery 代码： $("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded"); }); 载入并执行一个 JavaScript 文件:加载并执行 test.js ，成功后显示信息。jQuery 代码: $.getScript("test.js", function(){ alert("Script loaded and executed.");});]]></description>
			<content:encoded><![CDATA[<p>Jquery异步加载一个页面是如此简单：</p>
<p>$.ajax({ url: "/testl/index.html", cache: false, success: function(html){</p>
<p> $("#test").append(html);</p>
<p> }</p>
<p>});</p>
<p>或者更简单的：$("#test").load("/test/index.html");</p>
<p>以 POST 形式发送附加参数并在成功时显示信息。<br />
jQuery 代码：<br />
 $("#feeds").load("feeds.php", {limit: 25}, function(){ alert("The last 25 entries in the feed have been loaded"); });<br />
载入并执行一个 JavaScript 文件:加载并执行 test.js ，成功后显示信息。jQuery 代码: $.getScript("test.js", function(){ alert("Script loaded and executed.");});</p>
]]></content:encoded>
			<wfw:commentRss>http://www.zui88.com/blog/view-92.html/feed</wfw:commentRss>
		<slash:comments>417</slash:comments>
		</item>
	</channel>
</rss>
