您的位置:编程知识库>jquery实例

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&...