滑动效果

jQuery实现菜单感应鼠标滑动动画效果的方法

这款JS鼠标滑动效果使用jQuery实现简单动画的方法，而且也惊喜的发现，jquery有更好的书写方法，可以连写，在animate方法前加上stop方法就可实现鼠标移出后，不再执行滑动效果。
·2019-09-23 20:08

用原生js做个简单的滑动效果的回到顶部

随着近几年来JavaScript的应用日渐广泛，滑动效果无处不在，于是我也跟跟风，将返回顶部功能做成了滑动效果。后来为了更贴合物理特征，改造做成了减速的滑动效果。
·2019-09-23 19:25

用jQuery实现的智能隐藏、滑动效果的返回顶部代码

在线DEMO：传送门HTML代码（放在页面任意位置，并用CSS美化）：复制代码代码如下:回到顶部JS代码：$(document).ready(function(){//首先将#back-to-top隐藏$("#back-to-top").hide();//当滚动条的位置处于距顶部100像素以下时，跳转链接出现，否则消失$(function(){$(window).scroll(function()
·2019-09-23 17:35

微信小程序 实现动态显示和隐藏某个控件

因为项目原本是需要将两个canvas切换，但是小程序的canvas支持的功能实在是少，本来就jQuerymobile或者将canvas转为图片就可以很容易实现滑动效果，但是都不支持，最后只能是做一个canvas
·2019-09-22 21:42

js实现兼容PC端和移动端滑块拖动选择数字效果

本文为大家分享了js实现移动端滑块拖动选择数字的效果，可以通过鼠标拖拽滑动效果来选择数字，供大家参考，具体内容如下鼠标拖动小方块.lineDiv{position:relative;height:5px
·2019-09-22 19:12

移动端tab切换时下划线的滑动效果

1、当前tab出现下划线的同时，前一个下划线同时消失（出现方向与消失方向保持一致），伴随过渡效果。changetabul{display:flex;position:absolute;width:800px;top:50%;left:50%;transform:translate(-50%,-50%);list-style:none;}li{position:relative;padding:20
luckyJi·2019-09-19 10:00

CSS+HTML实现移动端div左右滑动展示

由于手机屏幕的宽度有限，内容太多移动设备一行装不下的，所以很多移动端网站的导航栏都有左右滑动效果，下面我就用CSS+HTML实现移动端div左右滑动展示。
不睡·2019-09-17 19:00

js实现移动端tab切换时下划线滑动效果

本篇会放置多种下划线滑动效果，一篇一篇增加，更新中1、当前tab出现下划线的同时，前一个下划线同时消失（出现方向与消失方向保持一致），伴随过渡效果。
BetterGG·2019-09-08 11:28

小程序实现层叠卡片滑动效果

小程序层叠卡片滑动效果，供大家参考，具体内容如下效果图wxmlwxss/*轮播图片*/.lunbo_center{display:flex;flex-direction:column;align-items
茅十八围城―嘤嘤怪·2019-08-26 10:02

微信小程序实现手势滑动效果

本文实例为大家分享了微信小程序实现手势滑动的具体代码，供大家参考，具体内容如下wxml:index.js:vartouchStartX=0;//触摸时的原点vartouchStartY=0;//触摸时的原点vartime=0;//时间记录，用于滑动时且时间小于1s则执行左右滑动varinterval="";//记录/清理时间记录vartouchMoveX=0;//x轴方向移动的距离vartouch
Vam的金豆之路·2019-08-26 09:57

前端微信小程序资讯类仿今日头条微信小程序

需求描述及交互分析设计思路和相关知识点新闻频道滑动效果设计首页新闻内容设计首页新闻详情页设计我的界面列表式导航设计系统设置二级界面设计设计思路（1）设计底部标签导航，准备好底部标签导航的图标和建立相应的两个页面
达达前端小酒馆·2019-08-25 12:00

前端微信小程序资讯类仿今日头条微信小程序

需求描述及交互分析设计思路和相关知识点新闻频道滑动效果设计首页新闻内容设计首页新闻详情页设计我的界面列表式导航设计系统设置二级界面设计设计思路（1）设计底部标签导航，准备好底部标签导航的图标和建立相应的两个页面
达叔小生·2019-08-25 00:00

Android View的事件体系（二）View的滑动

View本身提供的scrollTo/scrollBy方法2.通过动画给View添加平移效果3.通过改变View的LayoutParams使得View重新布局接下来我们逐个分析这三种方式是如何实现View的滑动效果
怡红快绿·2019-08-17 17:05

解决 SlidingMenu 滑动问题

我们可以使用以下代码设置SlidingMenu的滑动效果，但会发现反方向滑动就没有效果。
Evilloafer·2019-08-09 15:55

【H5开发】解决overflow: auto在Ios系统中滑动不流畅的问题

【bug】——H5页面在ios端滑动不流畅的问题IOS系统的惯性滑动效果非常好，但是当我们对div加overflow-y:auto;后是不会出这个效果的，滑动的时候会感觉很生涩、卡顿。怎么办？
工作让我快乐·2019-07-26 18:06

微信小程序实现左滑动删除效果

最近做微信小程序项目遇到左滑动效果，比如在我的收藏页面，我的历史浏览记录页面，我的购物车页面，大多数都会用到这种效果，我把代码复制出来，供大家参考，用的时候直接用模板，再此基础上修改就行。
chengxuyuan123_·2019-07-25 10:08

自定义 Behavior，实现嵌套滑动、平滑切换周月视图的日历

使用CoordinateLayout可以协调它的子布局，实现滑动效果的联动，它的滑动效果由Behavior实现。以前用过小米日历，对它滑动平滑切换日月视图的效果印象深刻。
Android小安·2019-07-23 14:45

wepy微信小程序使用swiper制作滑动选项卡tab效果（标题带滑动特效）

最近在做小程序时想做一个APP的那种滑动tab效果，滑动内容可以使用小程序原生的swiper实现，标题滑动效果使用动态样式实现，直接上图。
DengZY926·2019-07-15 21:33

地图显示路线详情滑动效果

这是我要做的需求map.gif细化功能☑️接入高德地图✅通过偏移量改变透明度✅KVO监听实现路线视图frame的改变✅滑动列表不影响地图点击✅滑动结束根据偏移量确定列表最终位置(待优化)☑️滑动结束更新地图边界☑️点击路线视图自动切换列表偏移量(分三级)☑️横向滑动路线视图并重新绘制地图路线大概就这么多慢慢去实现  说实话，就列表滑动这一块就卡了我一个多礼拜，然后我就看到了这个兄弟的Demo。  
四五20·2019-07-14 18:36

Android自定义View，跟随手指滑动效果

Android自定义View，实现跟随手指滑动效果，效果如下：一，重写onTouchEvent方法最后返回true二，在MotionEvent.ACTION_MOVE情况下改变自定义view的位置代码如下
小小米乐·2019-06-24 11:23

Swift使用CollectionView实现广告栏滑动效果

本文实例为大家分享了Swift实现广告栏滑动效果的具体代码，供大家参考，具体内容如下创建一个类:PlayCollectionViewController.swift//cell重用标识privateletreuseIdentifier
Stevin的技术博客·2019-06-22 15:37

微信小程序实现卡片层叠滑动效果

本文实例为大家分享了微信小程序之卡片层叠滑动效果的具体代码，供大家参考，具体内容如下代码：js：//index/gun/jsSwiper2/jsSwiper2.jsPage({/***页面的初始数据*/
CodeHunter_qcy·2019-06-21 09:11

仿oppo手机浏览器首页的滑动布局

手机浏览器首页的滑动布局原效果图我大概实现的样子这个其实主要是一些事件分发的一些处理周末的午后，我悠然的躺着床上，甚是无聊，拿起我的oppo手机，打开浏览器准备输入我熟悉的xxx.com，忽然我发现了一个比较好玩的滑动效果
L_junpeng·2019-06-05 20:39

jQuery基础教程

学习jQuery的心态jQuery的版本问题jQuery的使用jQuery中的核心语法jQuery选择器jQuery事件jQuery效果显示和隐藏淡入淡出滑动效果动画停止动画获取元素内容设置属性值添加元素删除元素
Des李白·2019-06-05 00:00

AE怎么绘制荷包蛋? ae逼真荷包蛋的画法

2、新建【调整图层】，用来模拟新鲜鸡蛋滑动效果。3、选中调整图层，点击【效果】->【过时】->【快速模糊】，实现新鲜鸡蛋质感。设置参数，模糊度
赵恒哥·2019-05-28 09:51

Android GestureDetector实现手势滑动效果

本文实例为大家分享了AndroidGestureDetector实现手势滑动的具体代码，供大家参考，具体内容如下目标效果：程序运行，手指在屏幕上从左往右或者从右往左滑动超过一定距离，就会吐司输出滑动方向和距离。1.activity_main.xml页面放置一个ImageView控件。activity_main.xml页面：2.MainActivity.java页面实现滑动方法。MainActivi
Vivinia_Vivinia·2019-05-27 11:40

如何用原生js写一个弹窗消息提醒插件

当前面的消息消失后，后面的消息会有一个向上滑动效果。然后消息本身是有三部分组成消息图标，用来区分不同类型的消息。消息文本。关闭按钮，并不是所有消息都需要关闭按钮。2.实现样式
Mr_芝麻·2019-05-24 11:41

Android View的事件体系（三）弹性滑动

比较生硬地滑动一个View，用户体验实在是太差了，所以我们需要实现优雅的弹性滑动效果。那么如何实现弹性滑动呢？主要思想：把一次滑动分成若干次小距离滑动，并在一定时间内完成以达到弹性滑动的效果。
怡红快绿·2019-05-15 11:09

微信小程序导航栏跟随滑动效果的实现代码

效果图.wxmltab1tab2tab3.wxss.tabBar{height:80rpx;background-color:#50B7EA;width:100%;font-size:28rpx;color:rgba(255,255,255,0.50);position:fixed;top:0;left:0;display:flex;justify-content:center;align-ite
一夜幽·2019-05-14 17:28

NGUI学习笔记(十三).滑动条制作

1.创建两个Sprite分别作为滑动条的前景图和后景图，并互为父子关系2.设置他们的深度关系，前景图必须要在后景图后面，这一点很重要，不然无法看出滑动效果（深度越大越靠前）3.给父物体添加slider脚本
Coco_cock·2019-05-12 20:10

为什么我不用ViewPager或RecyclerView来做上下滑切换

以下是一些个人的看法：为什么ViewPager不合适ViewPager自带的滑动效果完全满足场景，而且支持Fragment
路人宇·2019-05-07 21:57

安卓开源库收藏

XRecyclerViewrecyclerview动画https://github.com/wasabeef/recyclerview-animatorsrecyclerview实现类似cardview滑动效果
JackieChenL·2019-05-07 15:12

微信小程序实现卡片左右滑动效果的示例代码

快放假了，人狠话不多，啥也不说了。先看效果图。思路从上面的效果图来看，基本的需求包括：左右滑动到一定的距离，就向相应的方向移动一个卡片的位置。卡片滑动的时候有一定的加速度。如果滑动距离太小，则依旧停留在当前卡片，而且有一个回弹的效果。看到这样的需求，不熟悉小程序的同学，可能感觉有点麻烦。首先需要计算卡片的位置，然后再设置滚动条的位置，使其滚动到指定的位置，而且在滚动的过程中，加上一点加速度...然
黑金团队·2019-05-01 10:49

QListWidget 简介 && 左键滑动效果的实现

//想要实现鼠标左键滑动效果，下面一行代码就可以了QScroller::grabGesture(ui->listWidget,QScroller::LeftMouseButtonGesture);//设置鼠标左键拖动
楚江枫·2019-04-25 12:59

jquery知识点（一）

'''2019.4.1（1）jquery容错机制（2）jq中的$('#id')和js中document.getElementById()的区别（3）jquery事件（键盘事件）（4）隐藏和显示（5）滑动效果
Spider_man_·2019-04-01 20:13

【新特性速递】FineUIPro/Mvc/Core 全新移动端访问体验（示例首页）！

并且，我们也新增了一个移动端的首页http://pro.fineui.com/mobile/main.aspx，通过手机浏览器打开这个页面，看到的效果还是很不错的：菜单的层次切换也是典型的左右滑动效果，
三生石上(FineUI控件)·2019-04-01 15:00

android切换效果、Flutter信息类App、仿饿了么点餐、仿爱壁纸应用、地理追踪、烟花爆炸效果等源码

Android精选源码Android地理位置追踪器imageandroid滚动视图效果源码烟花爆炸效果android导航选项卡效果源码一款清新简单的Flutter信息类App项目简单易懂android导航选项卡滑动效果源码
安卓巴士官方·2019-03-19 16:57

【JavaWeb】总结一些前端开发的坑

#-1--自适应网页|手机页面在JSP页面添加如下代码添加前：手机适应屏幕会直接缩小成一块放在上面，但注意DataTable的滑动效果依旧保留添加后：手机屏幕可以自适应了，表格宽度自动平铺整个页面，DataTable
狸猫丫丫·2019-03-19 11:01

一年2k+ star -- GitHub生存之道

激情的闭门造车随着智能手机的兴起，有感于Android手机上炫酷的滑动效果，如果能将这种UI效果进行优化
idea4good·2019-03-16 10:35

pixi.js 解决绘制弧线锯齿问题

项目中需要实现一条线条的滑动效果，发现弧线滑动时锯齿太严重。在PixiJS有自带的抗锯齿的参数，但是在使用时感觉效果并不是很好。
vonvon_chris·2019-03-11 17:12

页面实现锚点滚动的滑动效果

实现锚点滚动，需要两个方面的因素：1，锚，即我们点击的地方。2，目标位置，即页面需要滚动的距离。1锚点anchor 通俗的讲就是导航，如百度百科的 我们可以点击右侧的锚点，从而使得页面滚动到指定的位置。锚点相对比较容易，我们只需要在对应的位置加上事件即可，给每个需要滚动锚点加绑定滚动的方法。2.目标距离如何计算需要滚动的距离，准确定位锚点的位置，计算公式为：需要滚动的距离=滚动区域内锚点之上的所有
A_one2010·2019-03-06 09:20

Vue实现类似Spring官网图片滑动效果方法

先来看一下Spring官网首页的一个图片滑动显示效果可以看到，随着鼠标的滑动，绿色图片和灰色图片可以无缝的在鼠标俩两边切换显示。显示这样的效果其实很简单，利用固定定位保证两张图片在同一位置下，我们可以将灰色图片当做背景层图片，然后根据获取到的实时X轴坐标，动态改变绿色图片的宽度，隐藏超出X轴坐标的部分，就可以达到这样的效果，简单来说，这效果就是动态改变上层图片的宽度。实现效果：我这边选择了两张同样
Ping·2019-03-01 09:21

DrawerLayout 如何全屏显示菜单

（slidemenu可以全屏，但是滑动效果不满足需求。）查了一些资料，并没有好的方法。查资料过程中获得一个重要信息为，划出菜单后，最大剩余部分为65dp。
码农的小世界·2019-02-25 16:17

Unity实现轮盘方式的按钮滚动效果

我这里区分了横向滑动和纵向滑动，这里以纵向滑动为例子进行示范，实现按钮的滑动效果。
以梦为马,不负韶华·2019-02-21 14:30

iOS微博首页顶部指示条滑动效果

微博首页，关注和热门下面的滑动指示条。过程分析：1、开始滑动，左侧固定，x坐标不变，尺寸变长。滑动距离等于屏幕滑到一半时，达到最大长度，指示条宽度是原始宽度加移动距离。滑动条最右端同时达到目的地。2、继续滑动，最右端固定，尺寸变短，x坐标改变。滑动距离等于屏幕宽度时，指示条宽度变成原始宽度，过程结束。3、往回滑动，过程一样。二、效果如下：滑动-默认.gif三、过程如下-(void)scrollVi
请叫我魔法师·2019-02-20 18:32

使用BottomSheet和BottomSheetDialog实现嵌套滑动效果

先看效果：这就是我们要实现的嵌套滑动效果，即在同一个事件序列中，先滑动外部控件，当外部控件滑到设定的高度时，滑动内部空间。
_SkUnK·2019-02-01 16:21

原生 js 实现一个前端路由 router

效果图：项目地址：https://github.com/biaochenxuying/route效果体验地址：1.滑动效果：https://biaochenxuying.github.io/route/
夜尽天明·2019-01-29 00:00

Android自定义实现侧滑菜单效果

ViewGroup控件要显示到界面上需要重写OnMeature()OnLayout()，因此在实现OnLayout()的时候，将菜单界面划出到屏幕左侧，动态改变菜单界面距离scrollXto()左边界的距离就能实现滑动效果
oblivion0001·2019-01-28 11:06

iOS封装一个多个图片浏览器 基于UIScrollview跟UIPageController

完整的实现过程可见demo，大致思路把加载每张图片单独加载到一个scrollview，然后再讲所有的scrollview添加到一个大的scrollview上，就能实现滑动效果iOSSummary,支持iPad
我一不小心就·2019-01-25 09:49

原生js实现移动端滑动反弹效果

原生js实现移动端滑动反弹效果纵向滑动效果演示横向滑动效果演示请在谷歌浏览器移动端模拟下查看具体实现思路触摸事件（touchevent）可响应用户手指（或触控笔）对屏幕或者触控板操作，给基于触控的用户界面提供了可靠支持
djinzhong·2019-01-24 17:17
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他