首页 >>  正文

鼠标滚动设置在哪

来源:baiyundou.net   日期:2024-09-20

鼠标滚动上下翻页效果是一种常见的网页交互设计,它使得用户可以通过鼠标滚轮的滚动来实现页面的上下翻页操作。本文作者分享了如何在Axure中制作一鼠标滚动上下翻页的效果,一起来学习一下吧。

鼠标滚动上下翻页效果是一种常见的网页交互设计,它使得用户可以通过鼠标滚轮的滚动来实现页面的上下翻页操作。这种效果通常应用于多图片、或长页面分页浏览的情况,使得用户可以方便地快速浏览内容,提高用户的交互体验。

今天作者就教大家如何在Axure中制作一鼠标滚动上下翻页的效果,我们会以鼠标滚动切换图片为案例。

一、效果展示

鼠标向上滚动时,切换查看上一张图片;

鼠标向下滚动时,切换查看下一张图片;

循环效果,如果在最后一张图片继续向下滚动,就会循环至第一张图片;如果在第一张图片继续向上滚动,就会循环值最后一张图片。

二、制作教程

1. 材料准备

这个模板我们主要用到中继器、图片元件、文本标签、矩形来制作。

1)图片的动态面板

我们先导入一张图片,导入后鼠标右键将图片转为动态面板,然后复制动态面板的状态,有几张图片就复制几个状态,在每个状态里一次打入对应的图片,这样图片的动态面板就完成了。

2)鼠标滚动的动态面板

因为我们要实现鼠标滚动的交互,一般的元件没有鼠标向上滚动和向下滚动的交互,所以我们要用动态面板来制作,只有动态面板有这个交互。

我们在动态面板里增加一个矩形,填充颜色为透明色,这样就不会遮挡与图片了。因为我们要做滚动的效果,所以动态面板里面的元件尺寸,一定要比动态面板高,这样才会出现滚动条。所以我们把矩形的尺寸设置为19998,2万是axure的极限,反正就是拉到最长,这样可以让他有足够的滚动空间。

动态面板调出滚动条,高度和图片一致,这里会默认看到滚动条,案例中的滚动条是默认隐藏的,所以我们需要用一个特殊的操作来隐藏,我们把动态面板宽拉大,直到滚动条在图片右侧,然后我们再次将动态面板转为动态面板,这样就多了一个外面板,外面板选择不显示滚动条,宽高和图片设置为一样,放在图片动态面板上方。这要就即可以有滚动效果,但是又不出现滚动条。

2. 设置交互

1)向下滚动的交互

鼠标向下滚动时,按理来说,我们只需用设置面板状态的交互,就能将图片设置到下一个页面。

但是我们在这中间遇到了问题,这样写了之后会发现,鼠标向下滚动,会有很多张图片切换,整个页面很乱。这里面的原因是因为鼠标向下滚动是一个持续值,有些人滚动一下可能持续0.1秒,有些人滚动一下可能1秒,就是没有办法一瞬间完成这个操作,导致这途中触发了多次事件。

为了解决这个问题,我们就要做一个开关来控制,我们用个隐藏的文本标签就可以了,默认值为0,如果值为0的时候,就是可以滚动切换的状态,一开始切换的时候,我们就要把开关的值设为1,然后在用设置面板状态的交互,设置到","gnid":"9cd0f7ffcb455c549","img_data":[{"flag":2,"img":[{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t01157e71a353a302d2.jpg","width":"900"},{"desc":"","height":"210","s_url":"https://p0.ssl.img.360kuai.com/t01c55ff181cae76efa_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t01c55ff181cae76efa.gif","width":"426"},{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t011fef7f24c1e4ff9a.jpg","width":"806"}]}],"original":0,"pat":"art_src_3,fts0,sts0","powerby":"hbase","pub_time":1680175320000,"pure":"","rawurl":"http://zm.news.so.com/92b4f8c546a6009a9972aa8795d4100a","redirect":0,"rptid":"a35462d471e60817","rss_ext":[],"s":"t","src":"人人都是产品经理","tag":[],"title":"Axure高保真教程:鼠标滚动上下翻页效果

龚贩林1634windows7如何设置鼠标滚动速度.谢谢 -
诸静奇17152495501 ______ 首先要在电脑的左下角点击开始按钮,如图所示:点击开始按钮以后出现上拉菜单,在菜单上面点击控制面板,如图所示:点击控制面板以后进入到控制面板窗口,在窗口上面点击硬件与声音,如图所示:点击硬件与声音以后,在窗口上面的设备和打印机栏里面点击鼠标,如图所示:点击鼠标以后进入到鼠标属性窗口,在窗口上面点击鼠标键可以调节双击速度的快慢,如图所示:点击指针选项可以对指针移动速度的快慢进行调节,如图所示:点击滚轮,可以调节滚轮滚动时候每次滚动的行数,如图所示:

龚贩林1634新买的鼠标,中间滚轮需要按着鼠标下拖或者上拖才滚动.怎么设置呢? -
诸静奇17152495501 ______ 要想设置的话在这: 点击“开始菜单”,打开“控制面板”,选择鼠标,选择“轮(或者滑轮)”,设置就可以了 . 如果不行把鼠标拆开 看看LED灯歪没歪.

龚贩林1634鼠标滚动不了,怎么设置能滚动,
诸静奇17152495501 ______ 控制面板---鼠标---轮---然后自己调 还不能动说明鼠标轮坏了!!!

龚贩林1634windows7没有鼠标滚动怎么设置滚?windows7没有鼠标
诸静奇17152495501 ______ 控制面板 轻松访问 更改鼠标的工作方式 最下面有 鼠标设置 进去就可已设置了

龚贩林1634电脑中鼠标滚动太慢怎么设置 -
诸静奇17152495501 ______ 一般不用设置 要是想调滚动速度可以在 开始--设置---控制面板-鼠标--轮选项里调节滚轮一下翻几页

龚贩林1634鼠标滑轮滚动怎么调? -
诸静奇17152495501 ______ 不知道你有没有安装鼠标驱动,如果安装了就卸载,不要安装用系统默认驱动应该就可以了.

龚贩林1634苹果鼠标在win10上怎么设置滑轮 -
诸静奇17152495501 ______ 点击选择电脑桌面左下角的【开始】按钮.(如图所示) 在【开始】菜单下,点击选择【设置】选项.(如图所示) 在【设置】界面下,点击选择【设备】选项.(如图所示) 在【设备】界面下,点击选择【鼠标和触摸板】--【滚动鼠标滚轮即可滚动】选项框.(如图所示) 5 在点击【滚动鼠标滚轮即可滚动】选项框后弹出的选项下,点击选择想要设置的滚动行数完成设置.(如图所示)

龚贩林1634xp的鼠标设置在哪里? -
诸静奇17152495501 ______ 点击开始菜单-控制面板-(双击)鼠标属性,在双击速度滚动条上拖动滚动按钮到合适的速度,然后点击确定.

龚贩林1634电脑鼠标自动下拉 - 电脑鼠标自动下拉怎么设置
诸静奇17152495501 ______ 1. 电脑鼠标自动下拉怎么设置1、在电脑桌面上打开WPS软件,在进入WPS软件后选择需要设置默认滚动条的Excel表格问津,进入该表格文件中.2、在进入该表格后点击...

龚贩林1634笔记本电脑鼠标滚动怎么开? -
诸静奇17152495501 ______ 在控制面板里面的鼠标设置,自己找一下,很简单.弄不好给我留言

(编辑:自媒体)
关于我们 | 客户服务 | 服务条款 | 联系我们 | 免责声明 | 网站地图 @ 白云都 2024