摘要：
智能手机已走进人们生活的方方面面，优秀的手机应用程序都有类似的特点：设计优雅，便于使用，并且满足用户需要。最糟糕的应用程序是以千奇百怪的方式呈现，让消费者像张二的和尚摸不到头脑。以下五点我们应该引以为戒，避免在应用程序设计中再犯。1.避免激进主义喜欢自己设计的应用程序无可厚非，但是不可想当然的强加与他人。太多功能或者应用加入到设计中，可能会因为在某种程度上加大应用程序的复杂性，而不被用户喜欢。 让我们回顾一下Bump的发展历程，也许会恍然大悟，最初这款软件的主要特性就是快速、方便的在不同的手机间实现信息的互通，允许你将音乐传输、应用推荐、联系信息、照片和其他东西传输给朋友，但由于设计的复杂性和 阅读全文
摘要：
这些天忙于公司项目的改版就很少来这里发表文章了，今天趁着周末休息给大家分享一个jQuery提示控件。可用于显示加载提示、错误提示、操作提示等。先上张预览图：提示条样式可以自己定义，支持关闭回调和锁屏，自适应居中，采用fixed定位（暂未考虑兼容IE6）。下面是源码：(注：引入该JS时放在body内，不然没效果，原因不明。)/** * tooltip提示 * @author Newton---承諾ン祗愛 * @date 2012年04月19日晚 * @update 2012年04月23日重构，保证一个实例的关闭函数只能触发自身的关闭事件，加入动画缓动支持。 * @param object{} * 阅读全文
摘要：
在上一篇文章 《鼠标事件延时切换插件》 中，我已经写了几个简单的延时器的例子，今天突然想到jQuery的自定义动画的animate方法可以使用delay，例如：1$('#foo').slideUp(300).delay(800).fadeIn(400);// 在.slideUp() 和 .fadeIn()之间延时800毫秒。hover是否可以设计一个延时器呢？答案是肯定的。延时操作目的是为了防止用户误触发事件，一般情况下鼠标指针小于150毫秒的停留时间都可以被忽略。其实，如果入侵delay全能让其作用在hover事件上，但是为了避免John Resig不断的折腾jQuery而导 阅读全文
摘要：
<!--开始--><div class="ind_cityYelp"> <div class="ind_title"> <h2 class="ind_title_h">目的地点评</h2> （<a href="#" title="更多目的地">更多</a>）</div> <div class="ind_cityYelp_roll" id="citycommentin 阅读全文
摘要：
代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh 阅读全文
摘要：
/*** @DOM* <div id="marquee">* <ul>* <li></li>* <li></li>* </ul>* </div>* @CSS* #marquee {width:200px;height:50px;overflow:hidden;}* @Usage* $('#marquee').superMarquee(options);* @options* distance:200,//一次滚动的距离* duration:20,//缓动效果，单次 阅读全文
摘要：
1.jQuery的界面插件 Ninja UIQuery 是一个非常优秀的 JavaScript 框架，而且还有相当多的插件。其中的一些UI插件也相当的给力，比如 Ninja UI，是一款界面插件，使用它将能给你的项目增色不少。此插件包含有幻灯，智能提示等常见的效果。 目前的文档还不是很全，但是官方提供的例子已...2.jQuery的UI框架 Chico UI和 jQuery UI 一样，Chico UI 包含 auto-complete, blink, carousel, countdown, date-picker, dropdown, expand, calendar 等诸多逐渐，同时还提 阅读全文
摘要：
强制不换行 div{white-space:nowrap;}自动换行div{ word-wrap: break-word; word-break: normal; }强制英文单词断行div{word-break:break-all;}CSS设置不转行：overflow:hidden 隐藏white-space：normal 默认 pre 换行和其他空白字符都将受到保护nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象设置强行换行：word-break: normal ; 依照亚洲语言和非亚洲语言的文本规则，允许在字内换行break-all : 该行为与亚洲语言的nor. 阅读全文
摘要：
原理很简单： onmouseover、onmouseout执行业务代码时使用setTimeout进行延时，第二次触发的时候先清除掉前面的setTimeout。 原理 代码如下: var timer; document.getElementById('test').onmouseover = function () { clearTimeout(timer); timer = setTimeout(function () { alert('over') }, 150); }; document.getElementById('test').onmo 阅读全文
摘要：
不知不觉，已经进行到了jquery tools六大功能的第五个功能——expose的学习了，废话不多说，直接进入正题。 如overlay的学习，首先给出操作的html目标代码：[c-sharp] view plaincopy<divid="test">exposetest!</div><divstyle="margin:0auto;width:300px"><imgsrc="http://flowplayer.org/tools/img/expose/ball_large.png"mce_sr 阅读全文