jquery - 随笔分类(第5页) - 计划

jquery定时滑出可最小化的底部提示层

摘要：效果预览：http://keleyi.com/keleyi/phtml/jqtexiao/index.htm当打开页面或者刷新页面后等待两秒钟，会在底部滑出可最小化的提示层。滑出层半透明，可关闭再现。应用范围很广，比如弹出广告、弹出注册层、弹出最新消息等，实现的jquery代码比较简单。html源代码：jquery定时滑出可最小化的底部提示层-柯乐义jquery定时底部滑出可最小化的提示层特效柯乐义网站出品（http://keleyi.com）当打开页面或者刷新页面后等待两秒钟，会在底部滑出可最小化的提示层。欢迎。原文keleyi感谢您访问柯乐义网站！http://keleyi.com，专门分阅读全文

posted @ 2013-09-28 21:27 计划阅读(1788) 评论(0) 推荐(0) 编辑

Web前端资源汇总

摘要：本文地址：http://www.cnblogs.com/jihua/p/webfront.html 网页特效库华山论剑HTML5特效 2017新年快乐特效 CSS3+jQuery实现时钟插件 Html5入门实例"Far away from home" jQuery网页版五子棋小游戏源码下载一句j 阅读全文

posted @ 2013-09-27 23:16 计划阅读(84127) 评论(2) 推荐(13) 编辑

jQuery实现侧边导航栏效果

摘要：效果图：效果体验：http://keleyi.com/keleyi/phtml/jqmenu/2.htm以下是完整代码： 1 2 3 4 5 6 7 jQuery高级可停靠侧边栏_柯乐义 8 9 10 64 65 66 67 68 69 固定隐藏链接 70 CMS.NETJavascriptjQueryC#ASP.NETMVCHTML5 71 web前端SQL ServerC++汇编语言分类汇总其他最新文章JS正则表达式 72 73 74 75 76 固定隐藏游戏 77 HTML5捕鱼游戏 78 不上不下 79 打地鼠 80 猜数字 81 ... 阅读全文

posted @ 2013-09-16 14:20 计划阅读(30396) 评论(1) 推荐(2) 编辑

jQ函数after、append、appendTo的区别

摘要：1、after函数定义和用法：after() 方法在被选元素后插入指定的内容。参考：http://keleyi.com/a/bjac/cfyxd60g.htm语法：$(selector).after(content)实例效果体验：http://keleyi.com/keleyi/phtml/jquery/13.htm实例代码：jquery的after函数实例-柯乐义柯乐义，这是span里的内容，keleyi.com。原文after函数append函数 appendTo函数结果如下：柯乐义，这是span里的内容，keleyi.com。原文这是after函数加上去的内容即：span标签后面多了一个阅读全文

posted @ 2013-09-11 18:52 计划阅读(38370) 评论(0) 推荐(1) 编辑

ASP.NET使用jQuery AJAX实现MD5加密实例

摘要：一个asp.net ajax例子，使用jquery，实现md5加密。在.NET 4.0，Visual Studio 2010上成功运行。效果体验：http://tool.keleyi.com/t/md5.htm前端代码(md5.htm)：md5加密使用asp.net jquery ajax-柯乐义MD5加密请输入要加密的字符串：32位[大]32位[小]16位[大]16位[小]结果：以上这个文件使用了jquery的ajax方法，详细请参考：http://keleyi.com/a/bjac/otjlqc2l.htm以及http://keleyi.com/a/bjac/c0me6l9l.htm更多阅读全文

posted @ 2013-09-06 23:06 计划阅读(4602) 评论(4) 推荐(1) 编辑

jq倾斜的动画导航菜单

摘要：效果预览网址：http://keleyi.com/keleyi/phtml/jqmenu/index.htm支持IE、Chrome、火狐等浏览器完整源代码，保存到HTML文件打开也可查看效果：jq倾斜的动画导航菜单-柯乐义原文CMS.NETJavascriptjQueryC#ASP.NETMVCHTML5树形菜单这代码中用到了jquery的eq函数，详细请参考：http://keleyi.com/a/bjac/tmx4mq76.htm菜单大全：http://keleyi.com/a/bjac/veugsmw9.htm原文：http://keleyi.com/a/bjac/4pdfle7... 阅读全文

posted @ 2013-08-25 20:53 计划阅读(1807) 评论(0) 推荐(0) 编辑

jQuery的eq方法

摘要：定义和用法eq() 方法将匹配元素集缩减值指定 index 上的一个。语法.eq(index)其中的index ：整数，指示元素的位置（最小为 0）。如果是负数，则从集合中的最后一个元素往回计数。详细说明如果给定表示 DOM 元素集合的 jQuery 对象，.eq() 方法会用集合中的一个元素构造一个新的 jQuery 对象。所使用的 index 参数标示集合中元素的位置。请看下面这个简单的列表：list item 1list item 2list item 3list item 4list item 5例子 1我们可以把该方法应用到这个列表项目集：$('#kele'+' 阅读全文

posted @ 2013-08-24 20:58 计划阅读(9309) 评论(0) 推荐(0) 编辑

jQ获取浏览器window的高宽

摘要：Window 对象Window 对象表示浏览器中打开的窗口。JavaScript 层级中的顶层对象，表示浏览器窗口。如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。注释：没有应用于 window 对象的公开标准，不过所有浏览器都支持该对象。使用jQuery可以这样获取window的宽高：宽度： $(window).width() 高度： $(window).height()实际效果：相同的屏幕不同的浏览器，即使都最大化，宽度也可能不一样，可以在IE，Chrome，火狐的浏览器中打开本阅读全文

posted @ 2013-08-20 15:55 计划阅读(8725) 评论(0) 推荐(0) 编辑

jQuery鼠标经过显示大图

摘要：效果：http://keleyi.com/keleyi/phtml/image/8.htm以下是完整代码： 1 2 3 4 5 JQ实现鼠标经过显示大图效果-柯乐义 6 7 8 34 49 50 51 原文52 53 54 55 56 57 柯乐义提醒您：把光标移动到图片上查看效果。58 59 代码中用到捕捉鼠标位置的功能，请参考http://keleyi.com/a/bjac/8p1g5yeq.htm本文：http://www.cnblogs.com/jihua/p/bigimg.html原文：http://keleyi.com/a/bjac/h12vjfyv.htm 阅读全文

posted @ 2013-08-06 17:05 计划阅读(9417) 评论(1) 推荐(0) 编辑

jQuery弹出关闭遮罩层

摘要：效果体验：http://keleyi.com/keleyi/phtml/jquery/9.htm完整代码：jQuery简便实现遮罩层--柯乐义显示遮罩层后点击右上角关闭http://keleyi.com/a/bjac/jp71q5jt.htm柯乐义keleyi.comkeleyikeleyi.com柯乐义柯乐义返回顶部Ajquery原文keleyi.com完整代码单行文字间歇向上滚动jQuery UI修饰title气泡jquery清空textarea等输入框jquery关灯特效可改变大小DIV层jQuery Javascript CMS 其中用到两个jquery方法：一、show(... 阅读全文

posted @ 2013-07-26 22:19 计划阅读(12053) 评论(3) 推荐(0) 编辑

jquery只能输入数字方法

摘要：本方法为验证文本框的输入内容，如果输入的是数字，则提示"√"。否则提示“必填，且只能输入数字字符”。在线体验效果：http://keleyi.com/keleyi/phtml/zzbds/1.htm完整代码：jquery只能输入数字--柯乐义请输入：如果输入的是数字，则没有提示。否则会弹出提示。原文本文：http://www.cnblogs.com/jihua/p/inputnumber.html原文：http://keleyi.com/a/bjac/tv16sjeb.htm 阅读全文

posted @ 2013-07-23 22:09 计划阅读(9827) 评论(0) 推荐(0) 编辑

美女jquery图片播放器插件

摘要：

可全屏，可拖动，可自动播放的jquery图片展示插件阅读全文

posted @ 2013-07-13 09:28 计划阅读(2301) 评论(0) 推荐(1) 编辑

jquery自定义对话框alert、confirm和prompt

摘要：jQuery Alert Dialogs，又一个基于jQuery的提示框插件，主要包括Alert、Confirm、prompt这三种，还有一个高级范例，可以在提示框内嵌入HTML语言，可以自定义风格样式。jQuery的提示框插件有很多种，每一款都是出自不同的高人之手，因此都比较有自己的特点，包括风格和使用方法等。效果体验：http://keleyi.com/keleyi/phtml/jqplug/英文版：http://keleyi.com/keleyi/phtml/jqplug/1.htm这个Jquery插件的目的是替代JavaScript的标准函数alert()，confirm（），和 pr 阅读全文

posted @ 2013-07-08 23:59 计划阅读(94078) 评论(3) 推荐(2) 编辑

jquery animate 动画效果使用解析

摘要：animate的意思是：使有生气；驱动；使栩栩如生地动作；赋予…以生命作为形容词：有生命的；活的；有生气的；生气勃勃的先看动画效果：http://keleyi.com/keleyi/phtml/jquery/index.htmanimate()在jquery中作为一个方法，可用于创建动画效果以下是实例代码：jquery animate动画--柯乐义animate动画效果演示开始动画回滚动画原文keleyi.comjquery修改链接 jquery弹出窗体博客园计划定义和用法animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS 阅读全文

posted @ 2013-07-03 21:51 计划阅读(13122) 评论(0) 推荐(1) 编辑

jquery插件图片延时加载实例详解

摘要：效果预览：http://keleyi.com/keleyi/phtml/image/index.htm使用方法：1.导入JS插件 2.在你的页面中加入如下的javascript： $("img").lazyload(); 这将会使所有的图片都延迟加载。当然插件还有几个配置项可供设置。 1.改变threshold $(“img”).lazyload({ threshold : 200 }); 把阀值设置成200 意思就是当图片没有看到之前先load 200像素。 2.当然了你也可以通过设置占位符图片和自定事件来触发加载图片事件复制代码代码如下:$("img&q 阅读全文

posted @ 2013-06-24 01:11 计划阅读(2691) 评论(0) 推荐(0) 编辑

图片效果集合(js、jquery或html5)

摘要：1.jQuery HTML5 幻灯片使用支持HTML5的浏览器会有特殊效果，即切换图片时颜色的改变文章：http://keleyi.com/a/bjac/b8i3xdui.htm效果：http://keleyi.com/keleyi/phtml/html5/1.htm2. jQuery图片延迟加载一开始不加载实图，只用灰图占位，当图片出现在视线中才加载实图，减少对服务器的压力。效果网址：http://keleyi.com/keleyi/phtml/image/index.htm文章网址：http://keleyi.com/a/bjac/et551617.htm3.jquery使用ColorBo 阅读全文

posted @ 2013-06-20 22:56 计划阅读(2737) 评论(0) 推荐(0) 编辑

jquery ui dialog弹出div层对话框

摘要：jquery ui弹出div层对话框,效果预览:http://keleyi.com/keleyi/phtml/jui/dialog/index.htm以下是完整代码，保存到html文件，打开也可以预览效果：<!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& 阅读全文

posted @ 2013-06-09 13:34 计划阅读(38731) 评论(2) 推荐(1) 编辑

jquery实现文字向上滚动

摘要：使用jQuery实现单行文字间歇向上滚动效果网址:http://keleyi.com/keleyi/phtml/textscroll.htm本效果加强版：http://keleyi.com/a/bjac/532bedbffca1affa.htm主要增加了光标悬停效果以下是源代码：jquery特效单行文字向上滚动(有间歇)菜单滚动至顶部后固定jquery使用ColorBox弹出图片组浏览层jquery右下角滑动弹出可关闭重现层jquery清空textarea等输入框解析：使用$('li')将匹配到的是多个li元素的集合。如果要指定获取第一个li元素，那么可以使用“:first” 阅读全文

posted @ 2013-06-01 00:08 计划阅读(1639) 评论(2) 推荐(0) 编辑

使用jquery实现div的tab切换实例

摘要：jquery实现的tab切换效果,效果网址:http://www.keleyi.com/keleyi/phtml/tabswitch/plus/2.htm以下是源代码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 & 阅读全文

posted @ 2013-05-26 08:02 计划阅读(2681) 评论(0) 推荐(0) 编辑

滚动页面时DIV到达顶部时固定在顶部

摘要：本示例使用Javascript实现了滚动页面时，DIV到达顶部时固定在顶部。在IE下效果有点闪，效果网址：http://www.keleyi.com/keleyi/phtml/fixdiv.htm下面是代码：<body style="margin:0px;"><div style="height:300px;background:#e0e0e0"></div><div id="fixedMenu_keleyi_com" style="background:#ffffff;width: 阅读全文

posted @ 2013-05-20 06:29 计划阅读(19410) 评论(0) 推荐(1) 编辑

随笔分类 - jquery