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-05-01Jquery图片无缝左右滚动插件
zhw.scroll-1.0.js /* 功能:Jquery无缝滚动插件zhw.scroll-1.0.js 作者:leo 注意:暂只支持div下ul li的滚动 交流:xandchd_kane@163.com */ 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...