jquery
关注
分享
扫一扫
文章平均质量分 79
周帅帅Love
一个人可以走的很快，一群人才能走的更远。种一棵树最好的时间是十年前，其次就是现在
展开
-
Jquery中stop()的用法
stop()stop()：表示让运动的元素立即停止动画。接收两个参数，都是布尔值，默认值都是false第一个参数：是否清空当前动画队列。第二个参数：是否立即完成当前动画。①stop(false，false)等价方式stop()表示立即进入下一个动画，立即停止当前动画。②stop(false，true)表示立即进入下一个动画，立即停止并完成当前动画。③stop(true，true)表示...原创 2018-10-08 15:07:48 · 4020 阅读 · 0 评论 -
篮球积分系统数组思维制作方法
篮球积分系统数组思维：将相同类型的元素或者对象存放在数组中，通过下标得到任何一项。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type原创 2018-10-10 23:45:10 · 273 阅读 · 0 评论 -
带蒙版的手风琴制作
带蒙版的手风琴效果1、这个手风琴增加了蒙版效果，看起来更好看2、代码采用了jquery的方法，比不带手风琴的代码看起来更美观，更容易理解，整体思路可以参考不带手风琴的思路。举例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>D原创 2018-10-10 22:07:20 · 208 阅读 · 0 评论 -
不带蒙版的手风琴制作
不带蒙版的手风琴效果分析：我们定义手风琴图的宽为900px, 里面有5张图片，每一张的图片的间隔应该是180px。当鼠标移入图片的时候， 当前图片展开（560px）, 剩余的四张图片压缩，每一张图片的间隔应该是85px。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2018-10-10 22:00:28 · 201 阅读 · 0 评论 -
间歇模型制作原理
间歇模型制作编程思路：使用定时器，我们要想使图片每2000ms更换一次，然后完成动画的时间是600ms，那么定时器的时间应该是它们的加和，所以应该是2600ms。拉动的策略就是右按钮的策略。Unit的高度要足够高 并且要能够盛放3张图片。举例<!DOCTYPE html><html lang="en"><head> <meta chars...原创 2018-10-10 21:55:15 · 181 阅读 · 0 评论 -
三位置法实现无缝滚动轮播图
三位置法实现无缝滚动轮播图三位置：候场位置、登场位置、退场位置缺点：虽然可以实现无缝轮播图，但是有一个缺点就是当鼠标在小圆点中来回滑动时，会显示出现空白现象，所以一般实现滚动轮播图都实现我上篇文章的滚动轮播图的方法注意：举例中所引入的jquery包可以去我上传的资料中下载，里面有相关包及手册，我使用的jquery的包版本是jquery-1.12.3.min.js举例：<!DOCTY...原创 2018-10-09 23:09:05 · 444 阅读 · 0 评论 -
滚动轮播图制作原理
滚动轮播图滚动轮播图布局关键：是所有图片并排在一起，所以unit的宽要足够宽。克隆第一张图片追加到最后一张右按钮拉动策略：先拉动，再瞬移左按钮拉动策略：先瞬移，再拉动与呼吸轮播图一样，需要做防流氓策略复制代码：将我代码中的图片更换为你的图片，注意图片路径，还需要引入js库，我引入的是jquery-1.12.3.min.js的版本，需要js这个库的同学可以去我上传的资料中下载，引入的时候...原创 2018-10-09 21:58:13 · 1367 阅读 · 0 评论 -
呼吸轮播图制作原理
呼吸轮播图轮播图：carousel呼吸轮播图变种布局重点：所有的图片摞一起。jquery选择元素的能力非常好，但是我们习惯将用到的元素，提前保存到变量。通常我们使用id选中元素。一般我们以$box。左右按钮防流氓的策略：当图片运动时，不进行任何操作。is()小圆点的防流氓的策略：立即响应新事件。stop(true)注意：使用代码时将图片更换，以及需要引入jquery库。举例：<...原创 2018-10-08 20:11:17 · 520 阅读 · 0 评论 -
jQuery处理动画积累的方法
jQuery防止动画积累一个元素身上可以存在多个动画事件，尤其是在不经意间就会造成动画积累，此时我们就要防止(也叫防流氓)比如：现有一个队伍在上海，接到了命令，前往北京，在去北京的路上又接到了命令，回上海。此时这支队伍有两个策略：①：立即执行新的任务，放弃原有任务利用**stop(true)**可以实现举例<!DOCTYPE html><html lang="en...原创 2018-10-08 17:08:29 · 530 阅读 · 0 评论 -
异型滚动参与多元素的运动
异型滚动参与多元素运动思路：异型滚动就是没有火车的概念，每个“车厢”都是单独的个体，点击按钮之后：下一个图片变为上一个图片的状态，包括宽度、高度、位置都会进行轮替。也可以叫做“样式轮替轮播”。上图中的轮播看似是5张图片，实际上需要7张图片。因为左右各有小图片当做猫腻。jQuery的animate是不能把一个left，动画为right定位的。比如一个div天生left:100px;现在你让他动...原创 2018-10-10 23:54:35 · 180 阅读 · 0 评论