<?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.99is.com/website/archives/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://www.99is.com</link>
	<description>这些年，我乱写的那些文字...</description>
	<lastBuildDate>Sat, 04 Feb 2012 16:20:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>JavaScript学习中</title>
		<link>http://www.99is.com/website/archives/320.html</link>
		<comments>http://www.99is.com/website/archives/320.html#comments</comments>
		<pubDate>Tue, 06 Apr 2010 15:23:25 +0000</pubDate>
		<dc:creator>thewei</dc:creator>
				<category><![CDATA[一地鸡毛]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[进步]]></category>

		<guid isPermaLink="false">http://www.99is.com/?p=320</guid>
		<description><![CDATA[没有开始看JavaScript时，总会先入为主，认为还是挺难的，所以一开始都没有入手准备好好学学这个脚本语言，一来那时我还没有用得多，二来认为没有学习的必要，平时根本没有太多用它的地方。前几年，在我刚学网页制作时，我总喜欢把一大难的网页特效，也就是JavaScript写的一些让网页看起来很有特色的脚本加进去，比如什么雪花呀，随时间变化而显示问候词时，鼠标上停留着一串网址呀什么的等等行为足以体现了我当时作为一个网页初学者的一些幼稚的想法与做法。 随着接触网络越来越久，国外的各种Web思想传播，在这几年不断的有所接触与扩展，我个人更加崇尚于简洁而主题突出的风格，也在这一方向不断的深入学习。而随着个人接触的网站建设越来越多的时候，平时自己设计外加写代码，兼容浏览器，加入一些需要的效果。这时这些效果很多需要用到JavaScript，我很高兴地知道JQuery这个JavaScript库很好很强大，简化了许多的JavaScript的操作。但有时候在一些地方，JQuery这一个库还是比较大，用一些精短的JavaScript脚本去简单实现是一件很有必要的事。 对于JavaScript，我经过一个上午的学习，发现JavaScript的语句诸多与php的语句相同，而在很多的地方，我发现对于编程这东西，原来好多东西是共通的，好多一些语法就与我在大学时学的C语言的差不多，所以今天看的JavaScript根本上都懂了，相信之后的学习都不会有太多的问题，关键我想是让自己能够在平时多写写练习才能够学得更好。 学完JavaScript的下一个目标是jQuery，有一本挺不错的介绍jQuery的书《锋利的jQuery》，翻了几十页，对它有了一个大概的了解了，同时在网上下了这本书的电子版，希望在之后的时间也更快地上手jQuery。 对于自己的平时一种懒惰的情绪，我真的是没有什么办法了。。。555555 嗯。加油呀！人的进步是很快的！<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F256.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F320.html">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">10个jQuery运动特效直逼 Flash 的流畅感例子</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F404.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F320.html">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">工具越来越简单，思想越来越重要</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F233.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F320.html">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">新年归来</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F155.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F320.html">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我眼中的一些高校培养人才问题</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>没有开始看JavaScript时，总会先入为主，认为还是挺难的，所以一开始都没有入手准备好好学学这个脚本语言，一来那时我还没有用得多，二来认为没有学习的必要，平时根本没有太多用它的地方。前几年，在我刚学网页制作时，我总喜欢把一大难的网页特效，也就是JavaScript写的一些让网页看起来很有特色的脚本加进去，比如什么雪花呀，随时间变化而显示问候词时，鼠标上停留着一串网址呀什么的等等行为足以体现了我当时作为一个网页初学者的一些幼稚的想法与做法。</p>
<p>随着接触网络越来越久，国外的各种Web思想传播，在这几年不断的有所接触与扩展，我个人更加崇尚于简洁而主题突出的风格，也在这一方向不断的深入学习。而随着个人接触的网站建设越来越多的时候，平时自己设计外加写代码，兼容浏览器，加入一些需要的效果。这时这些效果很多需要用到JavaScript，我很高兴地知道JQuery这个JavaScript库很好很强大，简化了许多的JavaScript的操作。但有时候在一些地方，JQuery这一个库还是比较大，用一些精短的JavaScript脚本去简单实现是一件很有必要的事。</p>
<p><span id="more-320"></span><br />
对于JavaScript，我经过一个上午的学习，发现JavaScript的语句诸多与php的语句相同，而在很多的地方，我发现对于编程这东西，原来好多东西是共通的，好多一些语法就与我在大学时学的C语言的差不多，所以今天看的JavaScript根本上都懂了，相信之后的学习都不会有太多的问题，关键我想是让自己能够在平时多写写练习才能够学得更好。</p>
<p>学完JavaScript的下一个目标是jQuery，有一本挺不错的介绍jQuery的书《锋利的jQuery》，翻了几十页，对它有了一个大概的了解了，同时在网上下了这本书的电子版，希望在之后的时间也更快地上手jQuery。</p>
<p>对于自己的平时一种懒惰的情绪，我真的是没有什么办法了。。。555555</p>
<p>嗯。加油呀！人的进步是很快的！</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="2" border="0" width="100%" style="clear: both;">
    
    <tr>
        <td ><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F256.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F320.html">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">10个jQuery运动特效直逼 Flash 的流畅感例子</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F404.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F320.html">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">工具越来越简单，思想越来越重要</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F233.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F320.html">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">新年归来</font>
                    </a>
                </td>
            </tr>
            <tr>
                <td style="margin: 0 !important; padding: 0 !important; line-height: 20px !important;">
                    <img border="0" src="http://static.wumii.com/images/widget/widget_solidPoint.gif">
                    <a target="_blank" style="text-decoration: none !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F155.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F320.html">
                        <font size="-1" color="#333333" style="line-height: 1.65em; font-size: 12px !important;">我眼中的一些高校培养人才问题</font>
                    </a>
                </td>
            </tr>
    
    <tr>
        <td  align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.99is.com/website/archives/320.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>10个jQuery运动特效直逼 Flash 的流畅感例子</title>
		<link>http://www.99is.com/website/archives/256.html</link>
		<comments>http://www.99is.com/website/archives/256.html#comments</comments>
		<pubDate>Tue, 02 Mar 2010 02:34:17 +0000</pubDate>
		<dc:creator>thewei</dc:creator>
				<category><![CDATA[建站之之]]></category>
		<category><![CDATA[网络来之]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[动画效果]]></category>
		<category><![CDATA[运动特效]]></category>

		<guid isPermaLink="false">http://www.99is.com/?p=256</guid>
		<description><![CDATA[jQuery的动画效果让我感到惊讶，让我有兴趣投入精力去学习这么一个框架，这是一个优秀的框架，拥有强大的选择器，懂CSS的同学更容易上手，下面有10个例子，让你感受到一点点jQuery的神奇之处. &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; 新闻来源:devsnippets.com 围剿 Flash 的不仅有 HTML 5，还有 JavaScript，著名的 JavaScript 框架 jQuery 在运动特效方面已经越来越流畅，有时候你需要点一下右键来确认它不是 Flash。本文介绍了10个非常出色的 jQuery 运动特效，这些效果可以更有效地展示你的内容。 1. 流感导航菜单 下面的导航菜单，当鼠标在上面移动的时候，会很流畅地垂下解释菜单，当你将鼠标在上面快速左右移动的时候，会怀疑这是 Flash。 2. 转花灯 Roundabout 是一个 jQuery 插件，可以将一组 HTML 对象转换为旋转花灯的效果。 3. 拉洋片 拉洋片也许是 jQuery 最拿手的效果了。该效果在遇到 JavaScript 被禁用的场合会自动降级使用。 4. jQuery Quicksand 插件 这个让人赞叹的插件，可以对一组 HTML 对象重新洗牌，效果非常出众。 5. 导航滑块 这种风格的导航已经见于很多站点，鼠标在导航菜单上移动的时候，一个高亮指示条随着鼠标滑动，指示当前的导航位置。 6. 文字的移动纹理 在文字上，显示移动的纹理，效果美轮美奂。原理是，做一个带透明文字的 PNG 图像放在一个容器里，容器的背景放一张图案，用 jQuery 移动容器的背景，很简单，不过，不支持 IE6，因为 IE6 不支持 [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="100" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="JavaScript学习中" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F320.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F256.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 94px !important; height: 94px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="94px" height="94px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 100px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JavaScript学习中</font>
                    </a>
                </td>
                <td width="100" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Adobe CS5将会加入一个全新的设计成员" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F281.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F256.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 94px !important; height: 94px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="94px" height="94px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 100px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Adobe CS5将会加入一个全新的设计成员</font>
                    </a>
                </td>
                <td width="100" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="我每天都在发现新大陆" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F532.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F256.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 94px !important; height: 94px !important;" src="http://static.wumii.com/site_images/2011/04/13/5550658.png" width="94px" height="94px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 100px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">我每天都在发现新大陆</font>
                    </a>
                </td>
                <td width="100" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="罪犯PS自己的照片，希望能够争取宽大处理" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F407.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F256.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 94px !important; height: 94px !important;" src="http://static.wumii.com/site_images/2011/04/13/5550743.jpg" width="94px" height="94px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 100px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">罪犯PS自己的照片，希望能够争取宽大处理</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>jQuery的动画效果让我感到惊讶，让我有兴趣投入精力去学习这么一个框架，这是一个优秀的框架，拥有强大的选择器，懂CSS的同学更容易上手，下面有10个例子，让你感受到一点点jQuery的神奇之处.</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>新闻来源:devsnippets.com<br />
围剿 Flash 的不仅有 HTML 5，还有 JavaScript，著名的 JavaScript 框架 jQuery 在运动特效方面已经越来越流畅，有时候你需要点一下右键来确认它不是 Flash。本文介绍了10个非常出色的 jQuery 运动特效，这些效果可以更有效地展示你的内容。</p>
<p>1. 流感导航菜单<br />
下面的导航菜单，当鼠标在上面移动的时候，会很流畅地垂下解释菜单，当你将鼠标在上面快速左右移动的时候，会怀疑这是 Flash。</p>
<p><a href="http://addyosmani.com/resources/fluid-menu/fluid-menu.html"><img src="http://devsnippets.com/img/jquery-magic/jquery-01.jpg" alt="Fluid  Navigation – How to create an informative menu-bar with jQuery &amp;amp;amp;  CSS" /></a></p>
<p><a href="http://addyosmani.com/resources/fluid-menu/fluid-menu.html"></a><span id="more-256"></span><br />
2. 转花灯<br />
Roundabout 是一个 jQuery 插件，可以将一组 HTML 对象转换为旋转花灯的效果。</p>
<p><a href="http://fredhq.com/projects/roundabout/#demo"><img src="http://devsnippets.com/img/jquery-magic/jquery-02.jpg" alt="Move  Elements with Style" /></a><br />
3. 拉洋片<br />
拉洋片也许是 jQuery 最拿手的效果了。该效果在遇到 JavaScript 被禁用的场合会自动降级使用。</p>
<p><a href="http://www.sohtanaka.com/web-design/examples/image-slider/"><img src="http://devsnippets.com/img/jquery-magic/jquery-03.jpg" alt="Automatic Image Slider w/ CSS &amp;amp;amp; jQuery" /></a><br />
4. jQuery Quicksand 插件<br />
这个让人赞叹的插件，可以对一组 HTML 对象重新洗牌，效果非常出众。</p>
<p><a href="http://razorjack.net/quicksand/demos/one-set-clone.html"><img src="http://devsnippets.com/img/jquery-magic/jquery-04.jpg" alt="jQuery  Quicksand Plugin" /></a><br />
5. 导航滑块<br />
这种风格的导航已经见于很多站点，鼠标在导航菜单上移动的时候，一个高亮指示条随着鼠标滑动，指示当前的导航位置。</p>
<p><a href="http://css-tricks.com/examples/MagicLine/"><img src="http://devsnippets.com/img/jquery-magic/jquery-05.jpg" alt="jQuery  Magic Line Sliding Style Navigation" /></a><br />
6. 文字的移动纹理<br />
在文字上，显示移动的纹理，效果美轮美奂。原理是，做一个带透明文字的 PNG 图像放在一个容器里，容器的背景放一张图案，用 jQuery 移动容器的背景，很简单，不过，不支持 IE6，因为 IE6 不支持 PNG。</p>
<p><a href="http://www.gayadesign.com/scripts/textmovingbg/"><img src="http://devsnippets.com/img/jquery-magic/jquery-06.jpg" alt="Text  with Moving Backgrounds" /></a><br />
7. jDiv: jQuery 导航 Tab<br />
一个可以显示丰富内容的下拉导航菜单（演示要翻墙）。</p>
<p><a href="http://www.skyrocketlabs.com/categories/tutorials/jdiv/demo/index.html"><img src="http://devsnippets.com/img/jquery-magic/jquery-07.jpg" alt="jDiv: A  jQuery navigation menu alternative" /></a><br />
8. 基于 CSS3 和 jQuery 的半透明导航系统<br />
鼠标在导航菜单上移动，显示半透明的指示图标。CSS3 做这个实在太容易了。</p>
<p><a href="http://demo.tutorialzine.com/2010/01/halftone-navigation-menu-jquery-css/demo.html"><img src="http://devsnippets.com/img/jquery-magic/jquery-08.jpg" alt="Halftone Navigation Menu With jQuery &amp;amp;amp; CSS3" /></a><br />
9. 云台式拉洋片<br />
常规的拉洋片效果要么左到右，要么右到左，或者垂直上下，这个 jQuery 效果可以象云台那样扫镜头。</p>
<p><a href="http://s3.amazonaws.com/buildinternet/live-tutorials/panning-slideshow/panning-slideshow.htm"><img src="http://devsnippets.com/img/jquery-magic/jquery-09.jpg" alt="Animate Panning Slideshow with jQuery" /></a><br />
10. SlideDeck<br />
SlideDeck 是一种新颖的内容展示方式，有点类似 Outlook 的手风琴菜单，但视觉效果和用户体验更好一些。</p>
<p><a href="http://www.slidedeck.com/"><img src="http://devsnippets.com/img/jquery-magic/jquery-10.jpg" alt="SlideDeck" /></a></p>
<p>本文来源：<a href="http://devsnippets.com/article/10-jquery-transition-effects.html">http://devsnippets.com/article/10-jquery-transition-effects.html</a><br />
中文编译来源：<a href="http://www.comsharp.com/"><strong>锐商企业CMS</strong> 网站内容管理系统</a> 官方网站</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="100" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="JavaScript学习中" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F320.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F256.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 94px !important; height: 94px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="94px" height="94px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 100px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JavaScript学习中</font>
                    </a>
                </td>
                <td width="100" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Adobe CS5将会加入一个全新的设计成员" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F281.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F256.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 94px !important; height: 94px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="94px" height="94px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 100px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Adobe CS5将会加入一个全新的设计成员</font>
                    </a>
                </td>
                <td width="100" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="他们，金童玉女" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F420.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F256.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 94px !important; height: 94px !important;" src="http://static.wumii.com/site_images/2011/08/16/23128365.jpg" width="94px" height="94px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 100px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">他们，金童玉女</font>
                    </a>
                </td>
                <td width="100" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="图海VIP邀请码三个免费发放" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F271.html&from=http%3A%2F%2Fwww.99is.com%2Fwebsite%2Farchives%2F256.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 94px !important; height: 94px !important;" src="http://static.wumii.com/site_images/2011/04/13/5550861.jpg" width="94px" height="94px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 100px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">图海VIP邀请码三个免费发放</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.99is.com/website/archives/256.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

