<?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>Web启点 &#187; JavaScript / JQuery</title>
	<atom:link href="http://www.web7d.com.cn/category/designade/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.web7d.com.cn</link>
	<description></description>
	<lastBuildDate>Thu, 01 Dec 2011 14:24:09 +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>2011年五大网络前端技术展望</title>
		<link>http://www.web7d.com.cn/2011/01/2011-web-looking/</link>
		<comments>http://www.web7d.com.cn/2011/01/2011-web-looking/#comments</comments>
		<pubDate>Mon, 10 Jan 2011 08:17:56 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[JavaScript / JQuery]]></category>
		<category><![CDATA[设计杂谈]]></category>
		<category><![CDATA[2011]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[HTML5]]></category>
		<category><![CDATA[前端技术]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=2216</guid>
		<description><![CDATA[刚刚过去的2010年里，我们看到了HTML5技术的崛起，以及CSS3的日渐成熟，经历了Rails 3.0 新版本的推出，以及全球范围内采用的@font-face selector 技术（属于CSS3 部分内容）等等一些更多的新技术和新鲜事情。总之，2010年对于web前端开发人员来说是一个忙碌的一年。 2011年将会有什么web前端技术出现或者成熟？一下列举了5个web技术以及技术趋势，我们认为这些技术应该会在今年进入我们的视线范围，有些列举项虽然不是具体的web开发技术，但无论如何，都会或多或少的影响到我们。 1. jQuery Mobile jQuery 移动应用 jQuery 已经成为JavaScript事实上的代名词，很大程度上是因为其可扩展性，易用性以及在项目管理方面可控。随着用于平板电脑和智能手机等设备的触屏优化 技术的演进，以及与此相关的web框架的发展，jQuery Mobile 将成为跨平台，支持多设备的手机应用的非常重要的技术选择之一。 越来越多的开发者开始考虑使用html5技术来开发移动应用，建立一个稳定的易用性好的JavaScript框架将成为移动技术开发人员的重要选择。 jQuery Mobile具备成为这一框架的事实上的基础。（因jQuery目前的应用范围相当广泛和普遍） by Christina Warren 。 2. Hardware-Accelerated Web Browsers 浏览器硬件加速技术 由于ie9使用了 DirectX10以及硬件加速技术，大幅度提高了浏览器的速度和承载能力，因此Internet Explorer 9 (IE9) 目前相对于其他竞争对手来说速度奇快。Google 和 Mozilla 必然会争先抢后地使用这些相关技术譬如硬件加速技术来应对来自 IE9的压力和竞争。今年，我们大家的浏览器定会飞速，对我们大家绝对是利好消息。by Ben Parr Co-Editor 3. Node.js 技术以及服务端 Node.js技术被很多网站描述成为 事件驱动的 JavaScript V8 引擎。本质上，他是一个工具，为了用JavaScript技术来编写服务端事件驱动的工具集。什么意思？简单的说，技术编程的时候，根本不需要等待一个输 入输出I/O 操作完成才能去进行另一个输入输出操作。对于 Node.js 来说，意味着它可以在服务端做所有数据运算等工作，减轻了客户端的压力。对于一些数据处理类的app应用来说，像是像实时应用、搜索引擎web爬虫、文件 上传，流媒体技术等等，速度是至关重要的首要环节。 [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2011/01/2011-web-looking/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用CSS/jQuery来创建图像旋转与描述</title>
		<link>http://www.web7d.com.cn/2011/01/image-rotator-css-jquery/</link>
		<comments>http://www.web7d.com.cn/2011/01/image-rotator-css-jquery/#comments</comments>
		<pubDate>Thu, 06 Jan 2011 08:49:13 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[JavaScript / JQuery]]></category>
		<category><![CDATA[教程]]></category>
		<category><![CDATA[CSS/jQuery]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[产品展示]]></category>
		<category><![CDATA[图像聚焦]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=2178</guid>
		<description><![CDATA[旋转的图像是一个伟大的方式来显示，甚至作为一个图像画廊组合件，电子商务产品图片。虽然有很多伟大的插件，但这个教程将帮助您了解图像的旋转 ，并帮助您从头开始创建自己的图像效果。 创建一个旋转图像 View Demo of Image Rotator Step1. HTML – Image Rotator Wireframe 首先，设计中的布局HTML线框。正如你可以看到下面的图片，将有两个（主图像的某一部分，缩略图列表部分）的主要部分。除了图像的部分，第三部分，标有“递减“，将包含main_image描述。 main_image 部分的 HTML &#60;div class=&#8220;main_image&#8221;&#62; &#60;img src=&#8220;banner1.jpg&#8221; alt=&#8220;&#8221; /&#62; &#60;div class=&#8220;desc&#8221;&#62; &#60;a href=&#8220;#&#8221; class=&#8220;collapse&#8221;&#62;Close Me!&#60;/a&#62; &#60;div class=&#8220;block&#8221;&#62; &#60;h2&#62;Title&#60;/h2&#62; &#60;small&#62;Date&#60;/small&#62; &#60;p&#62;Copy&#60;/p&#62; &#60;/div&#62; &#60;/div&#62; &#60;/div&#62; image_thumb部分的 HTML 注:该缩略图清单部分将会很相似标记为主要形象,但是每一节都将在它自己的列表项目内。 &#60;div class=&#8220;image_thumb&#8221;&#62; &#60;ul&#62; &#60;li&#62; &#60;a href=&#8220;banner1.jpg&#8221;&#62;&#60;img src=&#8220;banner1_thumb.jpg&#8221; alt=&#8220;Image Name&#8221; /&#62;&#60;/a&#62; &#60;div class=&#8220;block&#8221;&#62; &#60;h2&#62;Title&#60;/h2&#62; &#60;small&#62;Date&#60;/small&#62; [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2011/01/image-rotator-css-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuer图片滑块预览</title>
		<link>http://www.web7d.com.cn/2011/01/jquer-slider-gallery/</link>
		<comments>http://www.web7d.com.cn/2011/01/jquer-slider-gallery/#comments</comments>
		<pubDate>Thu, 06 Jan 2011 08:00:36 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[JavaScript / JQuery]]></category>
		<category><![CDATA[教程]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery滑块]]></category>
		<category><![CDATA[图片预览]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=2173</guid>
		<description><![CDATA[下载后用Firefox浏览，我用IE6测试不支持效果。 预览：View demo 下载： Download source 英文原文件详情内容见  Slider Gallery with jQuery]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2011/01/jquer-slider-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS &amp; jQuery标签页效果</title>
		<link>http://www.web7d.com.cn/2011/01/simple-tabs-w-css-jquery/</link>
		<comments>http://www.web7d.com.cn/2011/01/simple-tabs-w-css-jquery/#comments</comments>
		<pubDate>Wed, 05 Jan 2011 09:24:27 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[JavaScript / JQuery]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[CSS & jQuery]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[标签页]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=2151</guid>
		<description><![CDATA[预览效果View Demo 英文原文：Simple Tabs w/ CSS &#38; jQuery]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2011/01/simple-tabs-w-css-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>一个js非常简明的教程</title>
		<link>http://www.web7d.com.cn/2010/09/js-simpleness/</link>
		<comments>http://www.web7d.com.cn/2010/09/js-simpleness/#comments</comments>
		<pubDate>Mon, 20 Sep 2010 09:29:15 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[JavaScript / JQuery]]></category>
		<category><![CDATA[js学习]]></category>
		<category><![CDATA[教程]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=2067</guid>
		<description><![CDATA[这篇文章是来自交互设计中心-72色，是在08年发布的；希望对刚学JavaScript能有帮助。 1.JS简介及特点 JavaScript语言的前身叫作Livescript。自从Sun公司推出著名的Java语言之后，Netscape公司引进了Sun公司有关Java的程序概念，将自己原有的Livescript 重新进行设计，并改名为JavaScript。 2.JS的运行环境 在目前流行的浏览器中，Netscape公司的Navigator 2.0以上版本的浏览器具都有处理JavaScript 源代码的能力。JavaScript在其中实现了它的1.0版本，并在后来的Navigator 3.0实现了它的1.1版本， 在现在推出的Navigator 4.0（Communicator）中,JavaScript在其中实现了它的1.2版本。 微软公司从它的Internet Explorer 3.0版开始支持JavaScript。Microsoft把自己实现的JavaScript 规范叫做JScript。这个规范与Netscape Navigator浏览器中的JavaScript规范在基本功能上和语法上是一 致的，但是在个别的对象实现方面还有一定的差别，这里特别需要予以注意。 4.JS的数据类型和变量 JavaScript 有六种数据类型。主要的类型有 number、string、object 以及 Boolean 类型,其他两种类型为 null 和 undefined。 String 字符串类型:字符串是用单引号或双引号来说明的。（使用单引号来输入包含引号的字符串。）如：“The cow jumped over the moon.” 数值数据类型：JavaScript 支持整数和浮点数。整数可以为正数、0 或者负数；浮点数可以包含小数点、也可以包含一个 “e”（大小写均可，在科学记数法中表示“10的幂”）、或者同时包含这两项。 Boolean 类型：可能的 Boolean 值有 true 和 false。这是两个特殊值，不能用作 1 和 0。 Undefined 数据类型：一个为 undefined 的值就是指在变量被创建后，但未给该变量赋值以前所具有的值。 Null 数据类型：null 值就是没有任何值，什么也不表示。 [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/09/js-simpleness/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>30款漂亮的jQuery提示气泡插件</title>
		<link>http://www.web7d.com.cn/2010/08/stylish-jquery-tooltip-plugins-webdesign/</link>
		<comments>http://www.web7d.com.cn/2010/08/stylish-jquery-tooltip-plugins-webdesign/#comments</comments>
		<pubDate>Fri, 20 Aug 2010 06:30:58 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[JavaScript / JQuery]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery插件]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=2040</guid>
		<description><![CDATA[内容提示在网站上经常能看，在网站设计用户体验发挥作用。向大家介绍30款漂亮的jQuery提示气泡插件。 1. Dynamic toolip(动态工具提示) Very cool tooltip! It’s very well made because it consists of cool transition effects and it also has a transparency and a drop shadow effect. 2. Popup Bubble Brilliant tooltip! It looks so simple but it has awesome transition effects. This tooltip could be very useful for clean and simple websites. [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/08/stylish-jquery-tooltip-plugins-webdesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>使用jQuery和CSS制作一个精巧的手机应用网站</title>
		<link>http://www.web7d.com.cn/2010/08/making-slick-mobileapp-website-jquery-css/</link>
		<comments>http://www.web7d.com.cn/2010/08/making-slick-mobileapp-website-jquery-css/#comments</comments>
		<pubDate>Tue, 17 Aug 2010 06:34:02 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript / JQuery]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[图片展示]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=2007</guid>
		<description><![CDATA[做为网页开发人员，你的工作必须要对细节的关注。一个好的交互应用它往往是会留下持久的印象，无论是可爱的人物画像，或独特的幻灯片。 今天，我们正在一个完整的jQuery和CSS的网页，一个虚构的移动应用。它是将功能语义标记和逐步增强的幻灯片效果。它将使用户能够看到最流行的移动应用程序运行智能手机。 MEDO Download Step 1 – XHTML 当网站建设，重要的是你躺在一个语义方式代码。这将包括使用他们被认为是用来标记。您应该使用标题标题，文字段落，而不是一般div的（），并列出如适用。 mobileapp.html &#60;div id="page"&#62; &#60;h1 id="logoh1"&#62;&#60;a href="/" id="logo"&#62;MobileApp - the most useful mobile app!&#60;/a&#62;&#60;/h1&#62; &#60;div id="phoneCarousel"&#62; &#60;div&#62;&#60;/div&#62; &#60;div&#62;&#60;/div&#62; &#60;div id="stage"&#62; &#60;img id="iphone" src="img/phones/iphone.png" width="270" height="400" alt="iPhone" /&#62; &#60;img id="nexus" src="img/phones/nexus_one.png" width="270" height="400" alt="Nexus One" /&#62; &#60;img id="nokia" src="img/phones/nokia.png" width="270" height="400" alt="Nokia" /&#62; &#60;img id="blackberry" src="img/phones/blackberry.png" width="270" height="400" [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/08/making-slick-mobileapp-website-jquery-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>使用CSS和JQuery轻松切换网页显示样式</title>
		<link>http://www.web7d.com.cn/2010/08/jquery-display-switch/</link>
		<comments>http://www.web7d.com.cn/2010/08/jquery-display-switch/#comments</comments>
		<pubDate>Wed, 04 Aug 2010 06:04:59 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[JavaScript / JQuery]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[JQuery切换样式]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1989</guid>
		<description><![CDATA[这篇文章讲述的是如何通过CSS和JQuery来实现在页面上快速切换布局（样式）的功能。这样做的好处是不言而喻的，现在的网页设计都是希望增强与用户的互动性。允许改变页面布局或信息展示方式无疑可以提高用户体验，选择他们喜欢的样式去获取信息。 首先我们看一下最终效果 我们来看一下它的创作过程（不止是完成切换功能，而是整个页面的设计要点）： 第一步：创建一个漂亮别致的边框 我们首先通过一个无序列表标签(ul)来设计一个垂直的列表布局，用它来作为我们信息显示的行和列。 HTML &#60;ul class="display"&#62; &#60;li&#62;&#60;/li&#62; &#60;li&#62;&#60;/li&#62; &#60;/ul&#62; CSS 提示：通过使用不同灰色的边框实现了一个漂亮别致的边框效果 ul.display { float: left; width: 756px; margin: 0; padding: 0; list-style: none; border-top: 1px solid #333; border-right: 1px solid #333; background: #222; } ul.display li { float: left; width: 754px; padding: 10px 0; margin: 0; border-top: 1px solid #111; border-right: 1px solid [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/08/jquery-display-switch/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery Plugin: Scroll to Top v3</title>
		<link>http://www.web7d.com.cn/2010/07/jquery-plugin-scroll-to-top-v3/</link>
		<comments>http://www.web7d.com.cn/2010/07/jquery-plugin-scroll-to-top-v3/#comments</comments>
		<pubDate>Wed, 28 Jul 2010 02:20:40 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[JavaScript / JQuery]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[jQuery Plugin]]></category>
		<category><![CDATA[jQuery回顶部]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1978</guid>
		<description><![CDATA[一个基于JQUERY的动态效果的返回顶部插件,当页面不在顶部时,自动显示一个返回顶部的按钮. 效果预览：jQuery Plugin: Scroll to Top v3]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/07/jquery-plugin-scroll-to-top-v3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>免费幻灯片、画廊及3D图片展示效果集</title>
		<link>http://www.web7d.com.cn/2010/07/free-slideshow-gallery/</link>
		<comments>http://www.web7d.com.cn/2010/07/free-slideshow-gallery/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 08:52:59 +0000</pubDate>
		<dc:creator>zeze</dc:creator>
				<category><![CDATA[JavaScript / JQuery]]></category>
		<category><![CDATA[3d]]></category>
		<category><![CDATA[图片展示]]></category>
		<category><![CDATA[幻灯片]]></category>
		<category><![CDATA[画廊]]></category>

		<guid isPermaLink="false">http://www.web7d.com.cn/?p=1951</guid>
		<description><![CDATA[对于网站设计项目,你可能发现自己有时需要简单而有用的图片展览、幻灯片。但是如果有一个巨大的集合,JavaScript,Lightbox Ajax、CSS和Flash-based图片库了如指掌。希望这篇文章会奏效,你可能需要提供的资源。 Polaroid Gallery v.1.01 宝丽来照片是一个自由开放源码闪光画廊由Christopher Einarsrud发展。 Active Slideshow Pro 创建令人眼花缭乱的多媒体演示，幻灯片和幻灯片主动临横幅。这个扩展的基础上主动幻灯片成功，并为您新的壮观的效果，在你的幻灯片，文本，转场和声音的优化控制。 PicLens Slideshow 把你喜爱的图片全屏。这个模板是基于对PicLens PicLens结合了RSS技术力量和媒体给你一个简单的方法来身临其境的多媒体幻灯片添加您自己的网站。导出的Piclens画廊也可以轻易地被用来作为一个完整的网页。 Plogger Plogger是开放源码的照片库系统的下一代。 Web应用程序不复杂的多余功能或配置设置臃肿。 Plogger是一个简单但功能强大的工具，你需要的一切与全世界分享您的图像。 Shadowbox PhatFusion Slideshow 图像间的过渡。 Galleriffic Galleriffic的灵感来自迈克阿尔萨普周期的插件，但考虑到性能提供了大量照片。 NoobSlide Fancybox FancyBox是一个用于显示图像，HTML内容和工具的Mac风格的灯箱，超过上方的多媒体网页花车。 Auto Generating Gallery 如果你正在创建一个相当小画廊，手编码一格的缩略图可能会做的事。但对于较大的画廊或做了添加，编辑和交换大量的照片，你可能会想一个更好的解决方案。这解决方案是：一个自动生成图片库！ Dynamic Image Gallery and Slideshow Barack Slideshow 几乎每个人都已经看到现在奥巴马的网站，这显然是由一个总统候选人所做的最有吸引力的之一。它不仅是一个国家的最先进的设计实例，但它也是不错的导航和互动。 jQuery Multimedia Portfolio 这个插件jQuery的自动检测每个媒体文件的扩展名和运用正确的球员。 (E)2 Photo Gallery Flickrshow Flickrshow is a lightweight, cross-browser JavaScript slideshow, [...]]]></description>
		<wfw:commentRss>http://www.web7d.com.cn/2010/07/free-slideshow-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

