随笔分类 -  前台jQuery

1 2 3 4 下一页
seajs加载jquery时提示$ is not a function该怎么解决
摘要：这篇文章主要介绍了seajs加载jquery时提示$ is not a function该怎么解决的相关资料,需要的朋友可以参考下jquery1.7以上的都支持模块化加载，只是jquery默认的是支持amd，不支持cmd。所以要用seajs加载jquery时，我们需要稍微做下改动，需要把以下内容做下... 阅读全文
posted @ 2015-12-04 21:43 郑文亮 阅读(1110) 评论(0) 推荐(0) 编辑
jQuery中queue和dequeue的用法
摘要：jQuery中的queue和dequeue是一组很有用的方法，他们对于一系列需要按次序运行的函数特别有用。特别animate动画，ajax，以及timeout等需要一定时间的函数queue和dequeue的过程主要是：1，用queue把函数加入队列（通常是函数数组）2，用dequeue将函数数组中的... 阅读全文
posted @ 2015-07-09 15:25 郑文亮 阅读(2775) 评论(0) 推荐(1) 编辑
jQuery工具函数
摘要：一、$.browser对象属性 属性列表 说明 webkit webkit相关浏览器则返回true，否则返回false，如google，傲游。 mozilla mozilla相关浏览器则返回true，否则返回false，如火狐 saf... 阅读全文
posted @ 2015-07-06 16:09 郑文亮 阅读(225) 评论(0) 推荐(0) 编辑
jquery tmpl 详解
摘要：动态请求数据来更新页面是现在非常常用的方法，比如博客评论的分页动态加载，微博的滚动加载和定时请求加载等。这些情况下，动态请求返回的数据一般不是已拼好的HTML就是JSON或XML，总之不在浏览器端拼数据就在服务器端拼数据。不过，从传输量方面来看，返回HTML不划算，而在web传输方面，现在更多的是使... 阅读全文
posted @ 2015-07-04 16:48 郑文亮 阅读(487) 评论(0) 推荐(0) 编辑
javascript区域打印代码
摘要：这段代码是我从Highcharts的代码中改造出来的，非常感谢Highcharts的作者，先链上Highcharts的地址http://www.highcharts.com/，（Highcharts的统计图代码非常棒，功能超强大，大家可以试试）！下面附上js区域打印的代码?/************... 阅读全文
posted @ 2015-03-28 15:40 郑文亮 阅读(495) 评论(0) 推荐(0) 编辑
強大的jQuery Chart组件-Highcharts
摘要：Highcharts是一个制作图表的纯Javascript类库，主要特性如下：兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等；对个人用户完全免费；纯JS，无BS；支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图；跨语言：不管是PHP、Asp.net还是... 阅读全文
posted @ 2015-03-28 15:37 郑文亮 阅读(1667) 评论(0) 推荐(1) 编辑
背景弹性滚动的导航效果
摘要：背景弹性滚动的导航效果与之间-->预览效果时左下角会提示错误，而且看不到效果，刷新一下就可以看到效果了；当然，在实际使用中，不会出现这样的问题。与之间-->HomeAbout meOur TeamPortfolioThe ShowVideosCSS/HTMLjQueryNavigationWordp... 阅读全文
posted @ 2015-03-14 15:11 郑文亮 阅读(344) 评论(0) 推荐(0) 编辑
http://qurtyy.blog.163.com/blog/static/5744368120130221419244/
摘要：我们先来看它的思路：把控制不透明度和控向上移动的动画分别存储在两个队列中，控制向上移动的队列按默认情况进行(在2000毫秒内完成)，而不透明度的控制在1000毫秒内执行，但这个队列要晚于默认队列1000毫秒执行再简单一点，就是：前1000毫秒，只有控制高度的“fx”队列执行，而后1000毫秒，控制不... 阅读全文
posted @ 2015-03-10 20:00 郑文亮 阅读(1012) 评论(0) 推荐(0) 编辑
jQuery动画高级用法（上）——详解animation中的.queue()函数
摘要：如果你拿着一个疑问去找专业人士寻找答案，那么你的一个疑问会变成三个，因为他会用另外两个令你更加一头雾水的名词来解释你的这个疑问。 我想这是大多数，包括我在内，IT人在学习过程中碰到的最大问题。当你有一段代码或是一个概念不是很清楚，百度也好，Google也好，在论坛发问也好，给出的答案往往又会夹杂着更... 阅读全文
posted @ 2015-03-10 19:58 郑文亮 阅读(8093) 评论(2) 推荐(3) 编辑
Jquery中使用setInterval和setTimeout
摘要：直接在ready中调用其他方法，会提示缺少对象的错误，解决方法如下：方法1. 应用jQuery的扩展可以解决这个问题。 $(document).ready(function(){$.extend({ show:function(){ alert("ready"); } }); setInter... 阅读全文
posted @ 2014-12-03 08:56 郑文亮 阅读(1467) 评论(0) 推荐(0) 编辑
用jQuery解决弹出层的问题
摘要：在BS 项目中 经常需要用到这种弹出层。做这种弹出层一般都会遇到下面几个问题：0，弹出层必须定义在input的下边显示。1，点击input弹出div层。2，点击div层外面任何地方，关闭div层。3，ie6下，div层与下拉框的优先级问题。下面这个例子就是解决这些问题的，大家可以参考参考，有什么更好... 阅读全文
posted @ 2014-06-07 10:51 郑文亮 阅读(1048) 评论(0) 推荐(0) 编辑
简约的返回顶部效果（jQuery）
摘要：博客建好也快一个月了，主题是在原有主题的基础上做的修改，喜欢这样的清新简约风格，为了更好的体验，以后也会经常做修改。一般博客的文章都比较长，看到下面不能快速返回到顶部还真是不方便，今天自己动手写了一个，是基于 jQuery 的，用起来还不错。常见的“返回顶部”分这么3种：把返回顶部按钮放在页面最底部的，返回顶部按钮在滚动距离大于一定的距离后显示出来的，还有就是滚动距离大于 0 的时候就显示出来，喜欢最后这种，嗯，就它了~ 做好了贴出来共享下：）HTML：用两个 span 标签去模拟一个向上的箭头。 返回顶部CSS：用 css 去模拟三角形很给力，不仅兼容性很好，而且可用的地方还非常多... 阅读全文
posted @ 2014-03-07 13:47 郑文亮 阅读(662) 评论(0) 推荐(0) 编辑
利用图片延迟加载来优化页面性能（jQuery）
摘要：图片延迟加载也称懒加载，常用于页面很长，图片很多的页面，以电子商务网站居多，比如大家常上的京东，淘宝，页面以图居多，整个页面少说几百K，多则上兆，如果想一次性加载完成，不仅用户要哭了，服务器也得哭了。为了避免这种请况发生，目前主流的做法是页面初次加载时，只显示当前可视区域的图片，当用户滚动页面的时候，当图片进入可视区域时再加载，这样可以明显的提高页面加载速度，而更少的图片并发请求数，也可以大大的减轻服务器的压力，可谓一举多得。图片延迟加载的原理比较简单，先把图片的真实地址写在自定义的一个属性上，比如 data-url（HTML5中以 data- 开头的自定义属性都是合法的），src 地址最好不 阅读全文
posted @ 2014-03-07 13:42 郑文亮 阅读(2878) 评论(0) 推荐(0) 编辑
基于前端javascript的搜索功能
摘要：发表于2013/11/07当在数据量不是很大，而且没有后端对应的功能接口的时候，一些简单的搜索功能基本上是前端去实现的，正好最近用到，写了一个，贴出来和大家分享：功能描述：按下键盘后及时搜索条目中的汉字，汉字对应的拼音和号码；实现思路：先将条目中的汉字转换成拼音，然后将汉字，拼音，数字拼接成规律的字符串，放入数组，然后每次按下键盘后判断 input 中的值是汉字，拼音，还是数字，然后按固定的规律去循环数组，这样就能找到对应的条目了；启用方式：// search-test-inner ---> 最外层div// search-value ---> input 输入框// search 阅读全文
posted @ 2014-03-07 13:36 郑文亮 阅读(12645) 评论(0) 推荐(0) 编辑
弹出窗口zDialog的使用
摘要：因为没有元素可以显示到Frameset上面去，所以重新定义了，一个index.htm，对其的操作是：Index.htm//引入相应的界面再定义一个iframe来引入相应的界面：在它的需要调用弹出窗口的界面中可以这样写：functionb(URL,title,id){set_current(id);top.openDialog(title,URL);//此处调用的是index.htm中的js方法}其中在其他的子页面中，弹出一个提示框的：top.Dialog.alert(“提示成功”);//只进行提示top.Dialog.close();//关闭窗口top.Dialog.alert(“提示成功”, 阅读全文
posted @ 2014-01-26 16:14 郑文亮 阅读(20960) 评论(0) 推荐(0) 编辑
jquery 实现页面拖拽并保存到cookie
摘要：实现的效果就是页面内的图片可拖拽到任意位置,并将所在位置保存.下次打开页面依然可见.本文是作demo用,实际开发中,位置的数据应保存到数据库中.好了,开始.1.准备工作.a.jquery(1.7.2),ui,cookie插件,json插件.一些图片(本文是5张).2.页面.上代码1234567接下,先为每个img的父元素增加draggable,并且动态改变id,这样便于记录时减少工作量.当然,先得给它来2个事件,mouseenter,mouseleave.代码如下.1234567891011$("#img_list div").on({mouseenter:function 阅读全文
posted @ 2014-01-22 08:32 郑文亮 阅读(2263) 评论(1) 推荐(0) 编辑
移动开发框架，第【一】弹：QuoJs 官方文档（汉化版）
摘要：作者：一只猿原文地址：http://www.92ez.com转载请注明出处，谢谢帮助说明如果您认为QuoJS只是一个触摸事件管理器，那你就错了，它是一个功能丰富的类库，无需第三方JavaScript库（例如 jQuery, Prototype, Kendo ...）来创建基于浏览器应用程序的复杂项目。项目地址:http://quojs.tapquo.com/ 如何使用QuoJS使用的命名空间是$$,所以如果你需要的话,你还可以使用其它的JavaScript类库例如(jQuery,Zepto...)使用通用符号$。1234567891011// Find all elements in ... 阅读全文
posted @ 2014-01-21 14:16 郑文亮 阅读(524) 评论(0) 推荐(0) 编辑
Javascript触屏手势库-JTouch(更新V1.1)
摘要：作者：痞子|时间：2013-05-21|分类目录：js,javascript,jquery教程|Tag标签： javascript、jTouch|阅读（857）7 条评论 Javascript触屏手势库-jTouch触屏手势库--JTouch封装的代码有不足支出，以及bug等欢迎大家多多指正。Github地址：https://github.com/liutian1937/JTouch（大家可以fork项目跟踪最新进展）JTouch的介绍JTouch是针对触屏浏览器提供的一个手势集合，由于我的测试环境主要是ipad，所以对于其他触屏设备的支持情况可能会有所不足。这个在后期版本升级过程中会修复。J 阅读全文
posted @ 2014-01-20 13:06 郑文亮 阅读(1782) 评论(1) 推荐(0) 编辑
移动设备、手机浏览器Javascript滑动事件代码
摘要：以下经过本人测试成功。测试平台：三星S5830I操作系统：Android 2.3.6浏览器：UC浏览器HTML标准：HTML5测试了三个事件：touchstart、touchmove 和 touchend，并获取了触摸时触点在页面上的坐标，根据坐标进行了左右滑动、上下滑动判断。代码如下：[html] view plaincopyTouchEvent测试TouchEvent测试未触发事件！测试条目1测试条目2测试条目3测试条目4测试条目5测试条目6测试条目7测试条目8测试条目9测试条目10测试条目11测试条目12测试条目13测试条目14测试条目15测试条目16测试条目17测试条目18测试条目19 阅读全文
posted @ 2014-01-20 09:39 郑文亮 阅读(6031) 评论(0) 推荐(1) 编辑
jQuery 实现上下,左右滑动
摘要：前几天的任务:http://t.sina.com.cn/ 的下滑效果.渐变移动出足够的空白 -> 淡出最后一个 ->渐变移动出足够的空白我们要做的是向左移动效果.这个效果用时需添加一个DIV设置超出部分不显示,这样就可以用了.闲话不多说,上码Js代码 //isw2zhouxianglh2010.07.07//移动ulvarslideOperate={slideUlId:"",//ULid用于操作UlfadeInTime:2000,//淡出淡入时间slideDownTime:2000,//滑动时间nextLeft:function(){//往右滑动varlastL 阅读全文
posted @ 2014-01-20 09:37 郑文亮 阅读(4539) 评论(0) 推荐(0) 编辑

1 2 3 4 下一页