随笔分类 -  jQuery

1 2 3 4 下一页
js中文输入法字符串截断
摘要：1、事件input(ie9+)、 propertychange(ie8-) 用来监听用户的输入； 字母、数字是没问题的，但是中文输入法时候不同浏览器表现不同，有的浏览器会在输入拼音时就会进入判断； 2、复合事件composition event(ie9+),用于处理IME的输入序列： （1）comp 阅读全文
posted @ 2017-02-27 11:28 赵小磊 阅读(633) 评论(0) 推荐(0)
JS实现移动端图片延迟加载
摘要：图片延迟加载常见的有，jquery.lazyload.js，原生JS实现的echo.js。但是都是必须给图片设置宽高。因为项目是移动端，而且无法在加载前知道图片的宽高，所以，只好自己写了一个。既然无法按照高度来计算是否在可视区内加载。那我就按照个数加载，每次加载X张图片，滚动到底部的时候再加载X张。... 阅读全文
posted @ 2016-01-20 12:01 赵小磊 阅读(2425) 评论(0) 推荐(0)
缓动函数速查表
摘要：保存成HTML运行： 缓动函数速查表 缓动函数指定动画效果在执行时的速度，使其看起来更加真实。现实物体照着一定节奏移动，并不是一开始就移动很快的。当我们打开抽屉时，首先会让它加速，然后慢下来。当某个东西往下掉时，首先是越掉越快，撞到地上后回... 阅读全文
posted @ 2015-06-12 15:45 赵小磊 阅读(410) 评论(0) 推荐(0)
jQuery 触屏下，左右滑动，点击当前菜单居中。
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1.0,use 阅读全文
posted @ 2015-05-05 19:55 赵小磊 阅读(755) 评论(0) 推荐(0)
气球或者泡泡向上飘动 jQuery插件
摘要：圣诞、元旦要来了，公司以往基本每个月至少要搞一两款手机小游戏来宣传产品，这次也不例外！！之前做过，按压柚子、许愿、吃柚子等等小游戏，这次是做个那种 气球向上飘动，戳破气球，随机获取奖品。如下图：手机端和PC端都有做，其中比较麻烦的就是随机生成各种颜色的气球，向上飘动。位置、大小、颜色都是随机的。。我... 阅读全文
posted @ 2014-12-16 17:36 赵小磊 阅读(2405) 评论(0) 推荐(0)
jQuery插件：模拟select下拉菜单
摘要：没搞那么复杂，工作中，基本够用。。jQuery插件：模拟select下拉菜单 请选择 语文 数学 英语 阅读全文
posted @ 2014-06-03 15:04 赵小磊 阅读(524) 评论(0) 推荐(0)
jQuery插件实现图片展开效果，jquery.gallery。仿腾讯QQ空间说说图片展示效果。
摘要：公司的项目http://www.umfun.com/，有个说说的页面（和腾讯QQ空间说说一样），里面有个发表图片功能，上传完图片，需要点击展开的效果。当时手里面事情比较多（公司就我一个前端），忙不过来，就用插件来实现了，试了fancyBox、lightbox等jQuery插件。插件都满足不了项目各种... 阅读全文
posted @ 2014-03-18 10:15 赵小磊 阅读(3700) 评论(0) 推荐(3)
jquery 滑动锚点
摘要：锚点JQuery Interal Link Animation ScrollingClick on the links below to see the scroll to effect. Home About Services Portfolio Contact Home Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tortor purus, placerat ut dignissim a, luctus ut magna. Nam posuere, purus... 阅读全文
posted @ 2014-01-08 09:37 赵小磊 阅读(305) 评论(0) 推荐(0)
jquery 点击切换图片
摘要：无标题文档 阅读全文
posted @ 2014-01-08 09:36 赵小磊 阅读(656) 评论(0) 推荐(0)
视觉差-搜狗浏览器
摘要：http://ie.sogou.com/features4.2.html--> 搜狗高速浏览器4.2正式版http://ie.sogou.com/features4.2.html ... 阅读全文
posted @ 2014-01-02 09:06 赵小磊 阅读(394) 评论(0) 推荐(0)
视觉差滚屏效果
摘要：视觉差滚屏效果 头 ... 阅读全文
posted @ 2013-12-26 14:01 赵小磊 阅读(334) 评论(0) 推荐(0)
常用的jquery选项卡插件
摘要：2015-6-1更新：//选项卡插件;(function($){ $.fn.extend({ tabs: function(options){ options = $.extend({ tabMenu: ".tab-menu",... 阅读全文
posted @ 2013-12-07 22:53 赵小磊 阅读(239) 评论(0) 推荐(0)
文字列表无缝滚动
摘要：文字列表无缝滚动 001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018 019 020 阅读全文
posted @ 2013-12-02 16:00 赵小磊 阅读(290) 评论(0) 推荐(0)
jquery 实现左右轮播图
摘要：项目中需要用到类似的效果，本来想偷个懒，网上找个插件就可以了。但是发现插件，不是不太好使，就是代码太多臃肿了点。得了，我还是自己写一个吧！！！ 焦点图 1 2 3 4 5 6 7 8 9 10 11 12 13 14 ... 阅读全文
posted @ 2013-11-25 22:15 赵小磊 阅读(383) 评论(0) 推荐(0)
jquery模拟input的placeholder属性效果
摘要：jquery模拟input的placeholder属性效果 由于比较常用，封装成了插件，按需要调用即可：如果是密码框的话，就有点问题了，最好的办法是用label标签模拟，判断输入框，如果输入了文字，把lable隐藏就可以了。。。懒得写了。。可以参考：https://github.com/mathiasbynens/jquery-placeholder DEMO：http://mathiasbynens.be/demo/placeholder Document 阅读全文
posted @ 2013-11-24 11:42 赵小磊 阅读(855) 评论(0) 推荐(0)
点击弹出 +1放大效果 -- jQuery插件
摘要：20140110更新： 提示插件 20140107更新：最近工作的项目中，需要这样的功能，最初写了函数，满足不了需求，so。。。封装成了插件，考虑到几种情况，传递给一个元素，弹窗会出现在这个元素的位置。可以设置字体大小、颜色什么的。。最初文字大小、结束文字大小，动画完成时间等等。。 点击弹出 +1放大效果 -- jQuery插件 点击我其实很简单，就文字不断的增大的同时，透明度慢慢减小。。。。+1在写这个效果的时候，遇到一个问题，我最初是这样写的:+1这样很容易就实现我需要的效果，但是考虑的程序中，可能不是每次都是 +1， 也可能是+10... 阅读全文
posted @ 2013-11-07 11:43 赵小磊 阅读(2053) 评论(7) 推荐(2)
jquery 打字效果
摘要：打字机效果屌丝大妈，买烟找我一张假50劳资要换还不肯，硬说没50了（他么的，抽屉里一打50的）鈤，看来是想坑我，我没说什么，便拿那张50的又买了一包烟，割割割，那大妈的表情真他么的逗，哈哈哈哈，跟我玩，你太老啦！... 阅读全文
posted @ 2013-10-28 15:21 赵小磊 阅读(333) 评论(0) 推荐(0)
jquery插件
摘要：一：导言 有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写$("#")，$(".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。二：普及JQuery知识知识1：用JQuery写插件时，最核心的方法有如下两个：$.extend(object) 可以理解为JQuery 添加一个静态方法。$.fn.extend(object) 可以理解为JQuery实例添加一个方法。基本的定义与调用：/* $.extend 定义与调用* * * * * * * * * * * * * * 阅读全文
posted @ 2013-10-08 09:32 赵小磊 阅读(303) 评论(0) 推荐(0)
使用jquery给img绑定error事件的问题
摘要：先检查图片是否加载成功，然后如果失败的话再绑定事件。而且替换一次就好了。$(window).load(function() { $('img').each(function() { if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) { this.src = 'http://www.tranism.com/weblog/images/broken.gif'; } });});http://stackoverflow.c 阅读全文
posted @ 2013-09-26 11:03 赵小磊 阅读(711) 评论(0) 推荐(0)
可编辑的DIV -编辑器
摘要：找了好多，没几个好用的，都或多或少有问题目前这个最好用。。 不过有一个奇葩的问题，就是要放在""标签里面， js或者jQuery获取 $("#list a").click() 就可以了。。。$("#list a").click(function(){ var oBtn = "@ "+ $(this).find(".name").text() +""; $("#oEditor").focus(); insertHtmlAtCaret(oBtn); });Di 阅读全文
posted @ 2013-09-24 09:43 赵小磊 阅读(4233) 评论(0) 推荐(0)

1 2 3 4 下一页
回到头部