jquery页面滚动到指定位置

七 28 2010 Published by zdy under 编程技巧

兼容所有浏览器

<div id="_mcePaste">var body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');</div>
<div id="_mcePaste">body.animate({scrollTop: $('#id').offset().top}, 500);</div>

其中$(‘#id’)为要跳转到的位置元素

No responses yet

EasyUI如期而至,jQuery替代Extjs

三 25 2010 Published by zdy under 编程技巧

前台开发,很多人喜欢用JQuery,但是在做后台管理系统,特别是企业管理系统,例如WEB进销存系统等,很多人都会选择ExtJS,因为ExtJS提供了非常多的UI界面,并且非常友好。

现在JQuery也有一个很好的UI插件了,几乎完全可以替代ExtJS,下面来看看对比:

jQuery EasyUI framework help you build your web page easily.

  • easyui is a collection of user-interface plugin based on jQuery.
  • using easyui you don’t need to write many javascript code, you usually defines user-interface by writing some HTML markup.
  • easyui is very easy but powerful.

Easy UI的使用也非常地简单:

<div>
<div><!--

Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/

--><script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script></div>
</div>

与引用其它JQuery插件类似。具体使用可以参考官方地址:http://jquery-easyui.wikidot.com/tutorial

下面是Easy ui目前提供的所有插件功能:

Menu and Button

Create a simple menu

Create a Link Button

Create a Menu Button

Create a Split Button

Layout

Build border layout for Web Pages

Complex layout on Panel

Create Accordion

Create Tabs

Create XP style left panel

DataGrid

Convert a HTML table to DataGrid

Add a pagination to DataGrid

Get selected row data from DataGrid

Add a toolbar to DataGrid

Frozen columns for DataGrid

Dynamic change DataGrid columns

Formatting DataGrid columns

Add sorting to DataGrid

Create column groups in DataGrid

CheckBox select on DataGrid

Window

My first window

Custom window tools

Window and Layout

Create Dialog

Tree

Create Tree from markup

Create Async Tree

Append nodes to tree

Form

Submit a form with Ajax

Add ComboTree field to a form

Form Validation

用过ExtJS的朋友都知道,他与JQuery来比,ExtJS是比较臃肿的一个JS框架,JQuery它是一个公认的轻量级JS框架,而基于JQuery的Easy UI它能够完全胜任我们的基本开发需求,并且比ExtJS要轻量许多。

赶快去体验吧,一定会对你的工作有很大帮助的!下载地址:http://jquery-easyui.wikidot.com/download

No responses yet

jquery拖动插件–popbaseball 2.0

三 16 2010 Published by zdy under 编程技巧

API在demo中介绍

demo:http://dl-web.dropbox.com/u/335315/popeye/popBaseball2/index.html

download:http://dl-web.dropbox.com/u/335315/popeye/popBaseball2.rar

No responses yet

jQuery.Switchable 1.0

三 15 2010 Published by zdy under 编程技巧

jQuery.Switchable是一款整合了Tabs、Slide、Scrollable等常见UI组件的jQuery插件。它有简单易用的API、可灵活配置的Configuration,支持自定义Effect,支持自主开发Plugin。

jQuery.Switchable能实现什么样的效果?看图:

Tabs

Slide

Scrollable

详细说明——演示——下载

No responses yet

一个效果很好的图片浏览效果pirobox

三 12 2010 Published by zdy under 编程技巧

帮胖胖把google buzz绑定到他的博客上了,之前用pirobox感觉有点bug,结果今天一看才发现,是博客风格里用的那个jquery版本低了,是1.26的,赶紧换了一个最新版的
顺便推荐一下,图片浏览样式很好
pirobox 官方地址http://www.pirolab.it/pirobox/

No responses yet

jquery.fancybox图片展示效果 和 jquery easing 动态菜单

二 27 2010 Published by zdy under 编程技巧

jquery.fancybox图片展示效果
下载地址:http://fancybox.googlecode.com/files/jquery.fancybox-1.2.1.zip
演示效果:http://fancy.klade.lv/example

jquery easing实现动态菜单的例子
demo 在线演示 http://www.radys.cn/demos/jQuery-menu/

No responses yet

一个快速制作交互的工具

十一 14 2009 Published by zdy under 编程技巧

IxEdit.一个在页面内快速定制interaction的轻量级工具,结果页面只需加一个ixEdit的js库,其他文件使用jquery

No responses yet

十一 13 2009 Published by zdy under 编程技巧

null使用jQuery制作滑动动画效果的层 – 网页制作 – 蓝色理想.
感觉这个效果比较爽,适合用在首页,做个记号

No responses yet