jquery实例
-
2012-10-26jquery仿微博鼠标经过悬浮提示效果插件 poshytip
这种效果常常有两个需求 1 鼠标移动到人图像上时，显示这个人的信息，鼠标离开人图像时隐藏这个人的相关信息 2当鼠标移动到到人的信息块时，信息依然显示，当鼠标离开人的信息块时，信息隐藏 3 必须是自动关闭而不是手动关闭 例如： 通常第一个比较容易满足，但是第...
-
2012-10-26jQuery弹出窗口
<!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/xhtml”> <head> <meta http-equiv=...
-
2012-08-27简单的jquery模拟百分比进度条
js代码 请先引用jquery文件 var progress_id = “loading”; function SetProgress(progress) { if (progress) { $(“#” + progress_id + ” > div”).css(“width”,String(progress) + “%”); //控制#load...
-
2012-08-1450个jquery常用实例代码片段
1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素的过滤器， //只剩下那些与给定的选择器匹配的部分。在这种情况下， //查询删除了任何没（:not）有（:has） //包含class为“selected”（.selected）的子节点。.filter(":not(:has(.selected))") 2. 如何重用元...
-
2012-08-14jquery ajax通过json获取数据例子
<script type=”text/javascript”> $(document).ready(function () { getScatalog(“paidang”, “M06”); }); function getScatalog(selectid,BaseCode) { if (BaseCode != “”) { $.ajax({ url: “ajax/getC...
-
2012-08-1412个jQuery Ajax分页插件和教程
1.Client-side jQuery pagination plugin : jPages jPages 是一款非常不错的客户端分页插件，有很多特色，例如自动播放、按键翻页、延迟加载等等。 浏览详情 在线演示 2. jPaginate: A Fancy jQuery Pagination Plugin jPaginate 是一款非常精致的分页插件...
-
2012-08-10jquery实现选中文字提示分享的效果
<!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title></title> <style type=”text/css”> div { width:600px; margin:20px auto; } p { line-height:1.6;} </style> <script t...
-
2011-06-09jquery 点点滴滴小记
字符截取显示 var text = $(“.content”).text(); var textNum = text.length; var textInt = text.slice(0,140); $(“.content”).each(function () { if (textNum >= 160) { $(this).html(textInt + “…” + “详细“) $...
-
2011-05-10jQuery带缩略图左右滚动效果
这个效果比较常用,在很多商品展示页面会用到，例如淘宝店铺的图片展示和京东商城的商品展示页，其实这段代码很简单，直接看下效果好了！ 演示地址：http://www.wufangbo.com/demo/jquery/12/index.html 下载地址：http://www.wufangbo.com/demo/jquery/12/12....
-
2011-05-0951个jQuery插件介绍和应用实例
jquery是近段时间里比较流行的一个javascript框架，不断有使用者开发出新的 jQuery插件。下面收集了51个开发者最喜欢使用的jQuery插件。 Sliding Panels －滑动门控制 1) Sliding Panels For jQuery -元素可以展开或关闭，创建出手风琴的滑动效果...
-
2011-05-07jquery图片横向左右滚动效果（带按钮控制）
这个效果实例是我在去年买的一本书里面读到的，想必大家也知道那本书，就不提名字了，直接上下源代码 代码里面的注释很清楚，方便大家学习。 演示地址：http://www.wufangbo.com/demo/jquery/11/index.html 下载地址：http://www.wufangbo.com/demo/jquery/11/11.rar...
-
2011-04-30Jquery图片无缝左右滚动插件
zhw.scroll-1.0.js /* 功能：Jquery无缝滚动插件zhw.scroll-1.0.js 作者：leo 注意：暂只支持div下ul li的滚动 交流：[email protected] */ jQuery.extend({ Scroll: function(settings) { ...
-
2011-04-29jQuery tab选项卡插件(可多次使用)
这个选项卡插件估计是最简单的了，我使用过好多次了，不过用于对jquery理解还不是很深刻，不知道性能上有没有问题，总之代码很简介，可用性也比较强，支持一个页面多次调用，html标签可以随便的更改，只需要把class加上就行了！是不是很简单啊，哈哈！这里还有一个纯...
-
2011-04-27jQuery图片左右滚动和jquery图片左右连续滚动
公司网站要用到jQuery横向滚动图片特效，当时我为了速度，直接找了一段jQuery代码放上去了。缺点有两个：一、主管不满意，他需要的是连续不断的滚动，就是无缝滚动，而不是滚动一张图片，等一下再滚动一张图片；二、代码有个地方浏览器报错，我不知道为什么，...
-
2011-04-22jQuery向上循环滚动（仿新浪微博未登录首页滚动微博显示）
新浪微博未登录首页有一个“大家正在说”的模块，动态滚动最新发布的微博。从需求上来说，这个功能需要实时调用最新的微博数据，单就前端开发来说，其需求可以拆分如下： 1 内容持续滚动； 2 新微博将下面的微博先推下去，然后淡入进来； 3 鼠标经过内容暂停滚动； 4...
-
2011-04-21JQuery网页换肤
现在介绍网页换肤的例子已经数不胜数，自己也没有仔细研究过，刚搞遇到类似这个问题，网上查了资料解决了问题，感觉很有用，就记录了下来和大家分享一下。效果很简单，我就直接讲怎么使用的。 其中用到了jquery.cookie.js 首先是html代码： XML/HTML代码 &l...
-
2011-04-21Jquery 仿手机左右拖动滑屏效果
前不久公司有个项目是在触摸屏上做产品展示，大家都觉得Iphone或者Android上的滑屏效果不错，我今天也顺便做了一个DEMO，滑屏效果的，预览图如下 演示地址：http://www.wufangbo.com/demo/jquery/04/index.html 下载地址：http://www.wufangbo.com/demo...
-
2011-04-20jQuery旋转木马
所有复杂的特效，我都习惯用firebug去查看它的DOM结构，来查看DOM结构的变化情况。 我观察到的DOM结构和实际的DOM结构有点差别，这就意味着有些初始化的脚本在运作。最主要的差别在< ul >标签内的头部< li >标签和底部 li >标签，主要有两种类型，cl...
-
2011-03-19jQuery实现简单的列表导航菜单
最近一段时间准备开始学习JQUERY,感觉JQUERY的功能非常强大,而且代码量也减少了许多….代码也非常的清晰! 下面是我做的一个简单的导航菜单,因为是新手,难免有什么不对的地方,希望大家拍砖! 好了 开始进入正题吧: 1.首先定义CSS样式表: 1 <style type="...
-
2011-03-19JQuery实现日期联动
实现目标： 两个日期，有下拉框： <head> //导入jquery地址 <script src="（Jquery地址）" language="JavaScript" type="text/javascript"></script> <script type="text/javascript&...