优化用户体验-交互设计中心-72色网 - jquery/javascript http://www.72color.com/- 优化网站|百度优化,谷歌优化,css+div布局,72色网站交互设计,72色用户体验,js,脚本,代码,flash,72色网站设计 - RainbowSoft Studio Z-Blog 1.8 Walle Build 91204zh-CNCopyright 72color.com Your WebSite. Some Rights Reserved. var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fb709747d78345f76df9883075f6eeba1' type='text/javascript'%3E%3C/script%3E")); admin 沪ICP备09011764号Mon, 06 Sep 2010 12:10:12 +0800li区块的整体点击css、jQuery代码chixianjin@gmail.com (chia)http://www.72color.com/post/220.htmlWed, 02 Jun 2010 23:18:42 +0800http://www.72color.com/post/220.html 

有的时候会想让li列表，或者文章带有标题和简短简介的列表整体加上一个连接直接连接到具体文章，这样有两种方法，

一种是用纯css来制作：

<a href="">

...]]>jquery/javascript http://www.72color.com/post/220.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=220http://www.72color.com/cmd.asp?act=tb&id=220&key=92fca378jQuery写的漂亮的图片浏览lightbox插件chixianjin@gmail.com (chia)http://www.72color.com/post/216.htmlWed, 26 May 2010 18:19:19 +0800http://www.72color.com/post/216.html 

这是一个老外写的一个用jQuery写的图片浏览插件，鼠标放上去其余图片变黑，点击图片，图片放大，再点击就缩回原来的样子，很实用还很炫，

点击预览一下

...

]]>jquery/javascript http://www.72color.com/post/216.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=216http://www.72color.com/cmd.asp?act=tb&id=216&key=f9dc6d00jquery禁止页面右键的代码chixianjin@gmail.com (chia)http://www.72color.com/post/213.htmlWed, 19 May 2010 00:02:10 +0800http://www.72color.com/post/213.html用jquery实现你的网站不能右键，很简短的代码：

$('body').bind('contextmenu', function() {
      return false;
    });

简单把。

注：bind事件处理功能为：为每一个匹配元素的特定事件（像click）绑定一个事件处理器函数。

...

]]>jquery/javascript http://www.72color.com/post/213.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=213http://www.72color.com/cmd.asp?act=tb&id=213&key=8e0d2a36文本框input聚焦失焦样式chixianjin@gmail.com (chia)http://www.72color.com/post/208.htmlSun, 25 Apr 2010 12:51:05 +0800http://www.72color.com/post/208.html大家都知道浏览器里面的文本框的聚焦(focus)时可以改变样式，可以变得更漂亮，让用户体验会更好，今天72色来给大家看看这个样式怎么去改变。


首先用css的伪类：focus可以改变。
文本框的html代码假设如下：
<dl>
  <dt>Name: <dt>
  <dd><input type="text" /></dd>
...

]]>jquery/javascript http://www.72color.com/post/208.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=208http://www.72color.com/cmd.asp?act=tb&id=208&key=1fe99c68漂亮的javascript对话框(弹出层)组件[附源码]chixianjin@gmail.com (chia)http://www.72color.com/post/205.htmlFri, 16 Apr 2010 15:12:02 +0800http://www.72color.com/post/205.htmljavascript对话框(弹出层)组件artDialog

　　artDialog是一个轻巧且高度兼容的javascript对话框组件，可让你的网页交互拥有桌面软件般的用户体验。

　　演示地址：http://www.planeart.cn/downs/artDialog/

　　项目主页：http://code.google.com/p/artdialog/

　　artDialog2采用全新的UI

]]>jquery/javascript http://www.72color.com/post/205.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=205http://www.72color.com/cmd.asp?act=tb&id=205&key=2cfc4b73推荐5个漂亮的jquery主流图表插件chixianjin@gmail.com (chia)http://www.72color.com/post/199.htmlTue, 06 Apr 2010 09:50:03 +0800http://www.72color.com/post/199.html

5个jQuery图表(生成)插件评测

...]]>jquery/javascript http://www.72color.com/post/199.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=199http://www.72color.com/cmd.asp?act=tb&id=199&key=8ff67e3f带动画的GIF图片在IE中不能正常工作chixianjin@gmail.com (chia)http://www.72color.com/post/194.htmlTue, 16 Mar 2010 18:20:13 +0800http://www.72color.com/post/194.html一直以来，我都以为是浏览器的关系。没有设定好而导致这种情况发生，比如一些在IE核心上开发的浏览器（maxthon）等，都可以把GIF动画关闭的。所以我也就没有仔细研究过。

来看看这个：
IE和FirFox在很多地方都有着或多或少的不同，这导致在开发时需要考虑很多的特殊情况。在最近的项目中居然发现带动画的GIF图片在页面Load之 后再以脚本控制的方式展现时，动画不能表现出来。在我的项目中，需要在点击一个按钮后来显示一个动态的Loading图片以此表示程序正在进行后台处理。 这是通过一段jQuery代码来实现的：
...]]>jquery/javascript http://www.72color.com/post/194.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=194http://www.72color.com/cmd.asp?act=tb&id=194&key=e4112c282009年度最佳jQuery插件整理chixianjin@gmail.com (chia)http://www.72color.com/post/192.htmlTue, 09 Mar 2010 11:16:48 +0800http://www.72color.com/post/192.htmljQuery 是个宝库，而 jQuery 的插件体系是个取之不竭的宝库，众多开发者在 jQuery 框架下，设计了数不清的插件，jQuery 的特长是网页效果，因此，它的插件库也多与 UI 有关。本文是 webdesignledger.com 网站推选的2009年度最佳 jQuery 插件。

拉洋片

在一个固定区域，循环显示几段内容，这种方式很像旧时的拉洋片，2009年，这种 Web 效果大行其道，jQuery 有大量与此有关的插件，以下插件无疑是最佳的。

...

]]>jquery/javascript http://www.72color.com/post/192.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=192http://www.72color.com/cmd.asp?act=tb&id=192&key=f818c9ddjquery让数据列表活起来chixianjin@gmail.com (chia)http://www.72color.com/post/182.htmlSat, 23 Jan 2010 18:56:36 +0800http://www.72color.com/post/182.htmljquery 中" each"这个的用法很是省心，对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理，jquery已经为我们提供的很方便的方法进行集合的处理。

72色在这里列出两种形式给大家：

$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][ i ]})
...

]]>jquery/javascript http://www.72color.com/post/182.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=182http://www.72color.com/cmd.asp?act=tb&id=182&key=872d51c9收藏本页功能的Javascript代码 兼容IE和Firefox的chixianjin@gmail.com (chia)http://www.72color.com/post/174.htmlTue, 17 Nov 2009 14:27:27 +0800http://www.72color.com/post/174.html 收藏本页 [/CODE]
取得当前页的URL: document.URL
取得当前页的title: document.title
实现在Firefox中“收藏本页”的关键所在: rel="sidebar"

...]]>jquery/javascript http://www.72color.com/post/174.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=174http://www.72color.com/cmd.asp?act=tb&id=174&key=63e3ca29