首页 > 代码库 > 15个实用的jQuery技术

15个实用的jQuery技术

2024-07-07 18:36:00   228人阅读

JQuery是目前最流行的JavaScript框架之一，可以显著的提高用户与网络应用的交互。

今天为大家介绍50有用的jQuery技术：

1.移动Box

 
2.滑动框和标题

 
3.数据的可视化：使用HTML 5 Canvas 和 jQuery

 
4.创建一个Mega下拉菜单

 
5.创建一个可筛选组合

6.一个类似于Apple风格的搜索建议

 
7.当前内容高亮

 
8.创建一个动态投票：使用jQuery和PHP

 
9.解析手风琴和悬停效果

 
10.如何创造一个T-shirt图案

 
11.创建一个Digg风格的分享工具

 
12.创建一个可视化键盘

 
 
13.漂亮的Checkbox

 
14.创建iPhone解锁屏幕：使用xHTML, CSS和jQuery

 
15.jQuery 文件树

 

<iframe id="google_ads_frame5" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1402379253&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Franran%2Fp%2F3764899.html&dt=1402379256340&shv=r20140603&cbv=r20140417&saldr=sb&correlator=1402379255720&frm=20&ga_vid=469728998.1401679695&ga_sid=1402377708&ga_hid=189645466&ga_fc=1&u_tz=480&u_his=3&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=verdana&dfs=13&adx=0&ady=2108&biw=314&bih=74&eid=317150304&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=5&xpc=SecIeq33r2&p=http%3A//www.cnblogs.com&dtd=57" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame5" marginWidth="0" scrolling="no" hspace="0"></iframe><iframe id="google_ads_frame6" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1402379253&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Franran%2Fp%2F3764899.html&dt=1402379256421&shv=r20140603&cbv=r20140417&saldr=sb&prev_slotnames=8660799060&correlator=1402379255720&frm=20&ga_vid=469728998.1401679695&ga_sid=1402377708&ga_hid=189645466&ga_fc=1&u_tz=480&u_his=3&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=verdana&dfs=13&adx=305&ady=2358&biw=314&bih=74&eid=317150304&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=6&xpc=W1sBTCDa4o&p=http%3A//www.cnblogs.com&dtd=43" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame6" marginWidth="0" scrolling="no" hspace="0"></iframe>


联系
我们