jQuery 插件 Touchslider

幻灯片、走马灯等一直是网页中比较常用的交互效果,在移动平台上也不例外,唯一的区别是操作方式不同,这里介绍一款同时适用于触摸、鼠标操作的幻灯片交互脚本 —— Touchslider

优点:

  1. 兼容性好,适用于主流的桌面及移动(基于Weibkit)浏览器,且同时兼容鼠标和触摸操作
  2. 性能优秀,在 Android 和 iOS 等移动平台上的交互表现非常流畅
  3. 可塑性高,通过插件本身的设置再配合 CSS 可以打造成幻灯片、走马灯等多种交互效果

Continue reading

[转]14条关于jQuery的知识

以下是译文

如果说jQuery也有缺点,那就是它太容易上手了,所以吸引了大量没有任何JavaScript的新手来使用。一方面来说,这真的很神奇。另一方面,这也导致了一大堆糟糕的代码诞生(有一些是出自我手!)

但是没关系,糟糕的代码是你的成年礼,关键是要越过这道坎,这就是今天要讨论的内容。
Continue reading

jQuery插件:实现类twitter的文本字数限制效果

之前也介绍过一个类似效果的JQ插件jQuery文本字数限制插件-maxlength,不过这次的charcount部署更简单,而且有超出数字提示的功能.

看看DEMO

简单的部署:

1.载入js:

<script type="text/javascript" src="http://www.iinterest.net/demo/js/jquery.js"></script>
<script type="text/javascript" src="http://www.iinterest.net/demo/js/charCount.js"></script>

2.Html结构:

<form id="form" method="post" action="">
<h2>Default Usage</h2>
<div>
<label for="message">Type your message</label>
<textarea id="message1" name="message1"></textarea>
</div>
<h2>Custom Usage</h2>
<div>
<label for="message">Another message (limited to 30, warning at 10)</label>
<textarea id="message2" name="message2"></textarea>
</div>
</form>

Continue reading

2009 年度最佳 jQuery 插件

jQuery 是个宝库,而 jQuery 的插件体系是个取之不竭的宝库,众多开发者在 jQuery 框架下,设计了数不清的插件,jQuery  的特长是网页效果,因此,它的插件库也多与 UI 有关。本文是 webdesignledger.com 网站推选的2009年度最佳 jQuery 插件。

拉洋片

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

AnythingSlider

jquery plugins
Continue reading