jQuery
文章平均质量分 83
guo-snowstorm
在校学生
展开
-
jQuery实现图片轮播且鼠标可控制显示,使用animate函数
图片容器的左下角加一排数组,当鼠标指向某个数字时,就显示相应的图片,并且还有图片轮播效果,使用了jQuery库,实例代码: demo $(document).ready(function(){ var len = $(".num li").length; var index = 0; var startRollOne; $(".num li").原创 2016-04-03 17:45:24 · 2568 阅读 · 0 评论 -
jQuery图表插件 jqPlot实现饼状图
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 饼状图demo $(document).ready(function(){转载 2016-06-21 09:21:51 · 4400 阅读 · 0 评论 -
jQuery Easing 使用方法及其图解
转自:http://blog.sina.com.cn/s/blog_70a3539f0102v8az.html从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数: properties:一组包含作为动画属性和终值的样式转载 2016-04-23 11:18:58 · 376 阅读 · 0 评论 -
jQuery 视觉效果-点击图片,图片从左边消失,并从右边出现
转自:http://www.cnblogs.com/wenzichiqingwa/archive/2012/09/10/2678325.htmlHTML: CSS:img{ border: 0; /*图片要实现动画效果,必须要设置此CSS属性*/ positio转载 2016-04-23 10:51:56 · 5401 阅读 · 0 评论 -
全屏滚动
原文: http://www.cnblogs.com/jingwhale/p/5079827.html?utm_source=tuicool&utm_medium=referral全屏滚动-jQuery插件实现全屏滚动在很多情况下,我们需要页面的全屏滚动,尤其是移动端。今天简要的介绍一下全屏滚动的知识。一.全屏滚动的原理1.js动态获取屏幕的高度。转载 2016-04-04 21:44:20 · 2996 阅读 · 0 评论 -
jquerymobile-6 自适应header、footer和全屏视图
原文链接:http://blog.csdn.net/mengxiangyue/article/details/8502422在开发的过程中我们开发的页面可能会非常的长,我们在页面的两端放置了header和footer。这样的页面当我们滚动的时候,header和footer会随着滚动而滚到屏幕外,这时候我们如果想操做header和footer必须再滚动回去。jquerymobile为我们转载 2016-03-22 11:58:27 · 1040 阅读 · 0 评论 -
fadein和fadeout 轮播
记一下代码,防止遗忘: demo $(document).ready(function(){ var len=$(".picBox li").length; var startRollOne; var previous_index; var current_index; //将要显示的图片索引 $(".picBox li").fadeOu原创 2016-04-03 23:46:51 · 1128 阅读 · 0 评论 -
fadeIn,fadeOut函数 图片轮播
先记下代码,防止遗忘: demo $(document).ready(function(){ var index=0; var len=$(".picBox li").length; $(".picBox li").fadeOut(0).eq(index).fadeIn(0); function rollOne(){ if(index <l原创 2016-04-03 22:30:22 · 2318 阅读 · 1 评论 -
jQuery实现图片轮播特性。使用animate函数
图片轮播特效是一个非常常见的特性,可以使用jQuery来实现,下面使用animate()函数来实现向左轮播(向其他方向的轮播与其相似),实现的方法有两种,先看一下实现原理:1、假设公五张图片,图片宽度均为200px,图片并排放置在一个总宽度为1000px的容器内。2、另外设一个视口容器的宽度为600px,并设置overflow属性为hidden,将上述图片容器放入此容器内,则只会同时显示三原创 2016-04-03 16:24:31 · 11724 阅读 · 0 评论 -
jQuery图表插件 jqPlot API 中文说明
jqPlot是一个灰常强大的图表工具,曲线,柱状,饼图,应该有尽有,更要命的是,调用方便~~官网:http://www.jqplot.com/这里贡献上中文教程,基本上所有的api都很齐全,供有需要的童鞋们瞧瞧,更重要的是作为自己滴收藏~~哦耶耶~jqPlot整的来说有三个地方需要配置。格式如: $.jqplot(‘target’, data, options);转载 2016-06-21 09:24:32 · 504 阅读 · 0 评论