【前端开发】css+xhtml+javascript=前端开发
您的位置:前端开发>jquery实例

jquery实例

  • jquery仿微博鼠标经过悬浮提示效果插件 poshytip

    归类:jquery 点击:6,409次次 时间:2012-10-26

    这种效果常常有两个需求 1 鼠标移动到人图像上时,显示这个人的信息,鼠标离开人图像时隐藏这个人的相关信息 2当鼠标移动到到人的信息块时,信息依然显示,当鼠标离开人的信息块时,信息隐藏 3 必须是自动关闭而不是手动关闭 例如: 通常第一个比较容易满足,但是第...

  • 归类:jquery 点击:1,802次次 时间:2012-10-26

    <!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=...

  • 归类:jquery 点击:4,588次次 时间:2012-08-27

    js代码 请先引用jquery文件 var progress_id = “loading”; function SetProgress(progress) { if (progress) { $(“#” + progress_id + ” > div”).css(“width”,String(progress) + “%”); //控制#load...

  • 归类:jquery 点击:1,541次次 时间:2012-08-14

    1. 如何创建嵌套的过滤器 //允许你减少集合中的匹配元素的过滤器, //只剩下那些与给定的选择器匹配的部分。在这种情况下, //查询删除了任何没(:not)有(:has) //包含class为“selected”(.selected)的子节点。.filter(":not(:has(.selected))") 2. 如何重用元...

  • 归类:jquery 点击:4,781次次 时间:2012-08-14

    <script type=”text/javascript”> $(document).ready(function () { getScatalog(“paidang”, “M06”); }); function getScatalog(selectid,BaseCode) { if (BaseCode != “”) { $.ajax({ url: “ajax/getC...

  • 12个jQuery Ajax分页插件和教程

    归类:jquery 点击:4,425次次 时间:2012-08-14

    1.Client-side jQuery pagination plugin : jPages jPages 是一款非常不错的客户端分页插件,有很多特色,例如自动播放、按键翻页、延迟加载等等。 浏览详情  在线演示   2. jPaginate: A Fancy jQuery Pagination Plugin jPaginate 是一款非常精致的分页插件...

  • 归类:jquery 点击:3,879次次 时间:2012-08-10

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

  • 归类:jquery 点击:4,414次次 时间:2011-06-09

    字符截取显示 var text = $(“.content”).text(); var textNum = text.length; var textInt = text.slice(0,140); $(“.content”).each(function () { if (textNum >= 160) { $(this).html(textInt + “…” + “详细“) $...

  • 归类:jquery,前端开发 点击:11,860次次 时间:2011-05-10

    这个效果比较常用,在很多商品展示页面会用到,例如淘宝店铺的图片展示和京东商城的商品展示页,其实这段代码很简单,直接看下效果好了!   演示地址:http://www.wufangbo.com/demo/jquery/12/index.html 下载地址:http://www.wufangbo.com/demo/jquery/12/12....

  • 51个jQuery插件介绍和应用实例

    归类:jquery,前端资源 点击:8,808次次 时间:2011-05-09

      jquery是近段时间里比较流行的一个javascript框架,不断有使用者开发出新的 jQuery插件。下面收集了51个开发者最喜欢使用的jQuery插件。 Sliding Panels -滑动门控制 1) Sliding Panels For jQuery -元素可以展开或关闭,创建出手风琴的滑动效果...

  • 归类:jquery,前端开发 点击:27,696次次 时间:2011-05-07

    这个效果实例是我在去年买的一本书里面读到的,想必大家也知道那本书,就不提名字了,直接上下源代码 代码里面的注释很清楚,方便大家学习。 演示地址:http://www.wufangbo.com/demo/jquery/11/index.html 下载地址:http://www.wufangbo.com/demo/jquery/11/11.rar...

  • Jquery图片无缝左右滚动插件

    归类:jquery,前端开发 点击:20,254次次 时间:2011-05-01

      zhw.scroll-1.0.js /* 功能:Jquery无缝滚动插件zhw.scroll-1.0.js 作者:leo 注意:暂只支持div下ul li的滚动 交流:[email protected] */ jQuery.extend({     Scroll: function(settings) { ...

  • 归类:jquery,前端开发 点击:18,026次次 时间:2011-04-29

    这个选项卡插件估计是最简单的了,我使用过好多次了,不过用于对jquery理解还不是很深刻,不知道性能上有没有问题,总之代码很简介,可用性也比较强,支持一个页面多次调用,html标签可以随便的更改,只需要把class加上就行了!是不是很简单啊,哈哈!这里还有一个纯...

  • 归类:jquery,前端开发 点击:42,217次次 时间:2011-04-27

      公司网站要用到jQuery横向滚动图片特效,当时我为了速度,直接找了一段jQuery代码放上去了。缺点有两个:一、主管不满意,他需要的是连续不断的滚动,就是无缝滚动,而不是滚动一张图片,等一下再滚动一张图片;二、代码有个地方浏览器报错,我不知道为什么,...

  • 归类:jquery,前端开发 点击:18,333次次 时间:2011-04-22

    新浪微博未登录首页有一个“大家正在说”的模块,动态滚动最新发布的微博。从需求上来说,这个功能需要实时调用最新的微博数据,单就前端开发来说,其需求可以拆分如下: 1 内容持续滚动; 2 新微博将下面的微博先推下去,然后淡入进来; 3 鼠标经过内容暂停滚动; 4...

第 1 页,共 2 页12