文章分类 -  jQuery

1 2 下一页
jQuery 在iframe中操作父页面某元素的方法
摘要：比如实现父页面的滚动var top = 100;$(window.parent.document).find('html,body').animate({"scrollTop": top});查找父页面中的元素$(window.parent.document).find("某个元素");或者$("父... 阅读全文
posted @ 2015-12-15 16:36 Zell~Dincht 阅读(295) 评论(0) 推荐(0)
利用 jQuery 制作图片提示功能 - 当用户鼠标放在图片上时就显示该图片的大图和文字介绍.
摘要：这篇和之前的 "利用 jQuery 制作超链接提示功能, 增加用户体验" 异曲同工, 需要的朋友也可以看下这篇文章的介绍.因为原理基本上和 "利用 jQuery 制作超链接提示功能, 增加用户体验" 完全一样, 所以为了不重复, 这里仅给出实现的代码.实例:html, 代码仅供参考 ... 阅读全文
posted @ 2015-07-16 15:27 Zell~Dincht 阅读(526) 评论(0) 推荐(0)
利用 jQuery 制作超链接提示功能, 增加用户体验.
摘要：我们知道 a 链接默认自带 tooltip 提示功能, 但是当鼠标放在超链接上时, 并不是立刻显示出来的, 而且默认的提示样式不能更改, 也许和你网站的样式格格不入.为了增加用户体验, 我们尝试制作这个 "超链接提示功能" 增加用户体验. 当然需要使用js来完成.思路分析:1. 鼠标移入超链接①创建... 阅读全文
posted @ 2015-07-16 14:09 Zell~Dincht 阅读(293) 评论(0) 推荐(0)
网站右边栏导航 jquery 处理
摘要：这里要使用mouseenter 和 mouseleave，并且使用定时器及时清除定时效果，达到这样的要求:当用户停留在div上0.2秒后才触发右边栏的显示和隐藏。默认状态：展开状态如图：刚开始的方案：var rightbar = $("#NavRightbar");if(rightbar.lengt... 阅读全文
posted @ 2015-04-17 23:43 Zell~Dincht 阅读(174) 评论(0) 推荐(0)
图片预加载
摘要：http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/$(function (){ $("img.lazy").show().lazyload({threshold:200});}).lazy{ displa... 阅读全文
posted @ 2015-03-19 23:44 Zell~Dincht 阅读(128) 评论(0) 推荐(0)
Jquery scrollTop animate 實現動態滾動到頁面頂部
摘要：這個方法之前都是用的錨點實現的，但是效果僵硬，動感不足！之後參考了一些網站，發現都是用的js，於是自己想到用jquery 來做一個插件也來實現以下這個小功能。 $.fn.backTop = function (options) {/*back & scroll to top */ ... 阅读全文
posted @ 2015-01-29 00:41 Zell~Dincht 阅读(334) 评论(0) 推荐(0)
jquery 1.9+ 下 判斷瀏覽器類型總結
摘要：http://blog.csdn.net/greenqingqingws/article/details/25043545 原文地址，總結的很好。1 mozillaif(/firefox/.test(navigator.userAgent.toLowerCase())){}2 webkitif(/w... 阅读全文
posted @ 2015-01-29 00:18 Zell~Dincht 阅读(146) 评论(0) 推荐(0)
checkbox 全選、取消全選、反選
摘要：在寫一個全選、取消全選、反選的功能時。未來元素[type='checkbox']，在使用了jquery-1.11.1.min.js版本的jquery時：功能版本1：存在的問題，當使用了attr時，出現，這個操作的未來元素只能點擊第一次有效，即是說，當刷新頁面，我點擊選中，可以選中，點擊取消全校可以取... 阅读全文
posted @ 2015-01-13 22:54 Zell~Dincht 阅读(260) 评论(0) 推荐(0)
固定某一元素在某一位置 jquery
摘要：方法：$(window).scroll(function (){})属性：滚动变化值$(window).scrollTop();$(window).scrollLeft();需要结合的样式：position:relative;top:?;left:?改变top和left的值达到固定效果。例子：$(w... 阅读全文
posted @ 2015-01-06 11:17 Zell~Dincht 阅读(231) 评论(0) 推荐(0)
jquery 跨域传值
摘要：2个域名，非常不同，域名甲向域名乙提交数据，域名乙获取数据返回处理数据后的结果。域名甲页面test.html，核心代码$(".sub-btn").bind('click',function () { var form = $(this).parents("form"), data = f... 阅读全文
posted @ 2014-11-03 15:36 Zell~Dincht 阅读(224) 评论(0) 推荐(0)
jquery 回车触发事件
摘要：在用户登录或者其他表单提交时，一般用户习惯是使用回车提交。所以这个功能很小，但是不容忽略。下面是Jquery的回车提交事件的使用。假定页面中回车提交的按钮是 $("#btn");/*回车触发登录*/function key13($jq) { $("body").keydown(function (... 阅读全文
posted @ 2014-11-03 13:15 Zell~Dincht 阅读(120) 评论(0) 推荐(0)
百度富文本编辑器，改变图片上传存储路径
摘要：我用的是最新版！找到以下2个关键文件：YourPath.../Ueditor/php/config.jsonYourPath.../Ueditor/php/Uploader.class.phpconfig.json找到如下代码： "imagePathFormat": "...(这里不用管)",... 阅读全文
posted @ 2014-10-27 17:37 Zell~Dincht 阅读(837) 评论(0) 推荐(0)
关于jQuery中,Ajax跳转，且跳转到新窗口
摘要：一般我们都是在本页面中跳转，直接window.location.href = yourJumpUrl;但是要跳转到新页面的话，需要这么做：①：var newWin = window.open('_blank');②：$.ajax( .. . . ... ., success:function ... 阅读全文
posted @ 2014-10-27 11:33 Zell~Dincht 阅读(1256) 评论(0) 推荐(0)
checkbox反选 jquery 操作简单易行
摘要：listTb.find('.chk-box').each(function (i) { var _this = $(this); _this.attr('checked',!_this.get(0).checked);}); listTb.find('.chk-bo... 阅读全文
posted @ 2014-10-22 10:50 Zell~Dincht 阅读(79) 评论(0) 推荐(0)
jQury 跳出each循环的方法
摘要：以前自己在使用each的时候，没有需要跳出的情况，但是今天遇到了这么一个需要跳出的问题，原来以为，在jQuery中的跳出就是javascript的跳出循环，使用break,continue,结果大跌眼镜，因为会报错，大概意思是，非法的跳出语法。于是在网上查找，发现jQuery中跳出全部循环retur... 阅读全文
posted @ 2014-09-12 17:51 Zell~Dincht 阅读(175) 评论(0) 推荐(0)
ThinkPHP version 3.1.3 空模块 和 空操作
摘要：当用户访问不存在的模块或者是操作时，我们需要处理这个抛出的异常来看一下，目录结构：新建控制器，EmptyAction.class.php ，在ThinkPHP中，如果用户访问一个不存在的模块，它会去找EmptyAction.class.php 这个控制器 ，如果访问空方法，那么会去找该控制器下的 _... 阅读全文
posted @ 2014-09-04 17:36 Zell~Dincht 阅读(647) 评论(0) 推荐(0)
一款比较漂亮的时间日历插件
摘要：废话不多说，看图：目前为止，找到的比较漂亮的一款时间日历插件代码如下： Canlendar 一款漂亮的js日历控件 阅读全文
posted @ 2014-09-01 21:19 Zell~Dincht 阅读(1355) 评论(0) 推荐(0)
过多少秒后(默认是10秒)，自动跳转到指定url（初级版）
摘要：:)操作成功,10秒后跳转到地址www.baidu.com现在这个是初级版，打算封装成一个函数，或者配合一个页面完成操作成功的跳转和操作失败的跳转。待修改！！！ 阅读全文
posted @ 2014-09-01 13:18 Zell~Dincht 阅读(749) 评论(0) 推荐(0)
tab选项卡
摘要：如图，选项卡效果代码： tab标签页面切换见效果 jQuery特效 javascript特效 div+css布局 ... 阅读全文
posted @ 2014-08-31 15:29 Zell~Dincht 阅读(168) 评论(0) 推荐(0)
图片轮播-仿凡客网-jquery
摘要：Jquery 仿凡客网 图片轮播：特效解析： ①一张大图：760x350 配一张小图：190x350 注意这里没有空格，两个图之间没有空隙,span标签区分多少组，途中有 7个页码，那么就是7组图。 ②图片左下角的页码，字体雅黑或者consolas字体，12px大小， 当鼠标... 阅读全文
posted @ 2014-08-29 01:01 Zell~Dincht 阅读(221) 评论(0) 推荐(1)

1 2 下一页