html中A标签跳转时怎么有那种滑动效果

可以的，看你是想用那种滑入效果，

你所说的页面内跳转，那应该<a>是没必要用的，可以就直接设置个click事件在你所需要按下的图片获取文字或者按钮。

将你所需要滑入的标签体先隐藏，你想要滑入效果，那可以先用position定位将该标签体移到页面之外，比如left：-9999px；。

当你按下图片的时候，将定位移入到你想要的位置（改变left的值）；

滑入的动画，可以用css3的过渡或者动画；

过渡：transform：translate(x,y)  //来移入。transition：2s  //移入时间

动画 animation: play 2s

@keyform play(){

to{left:/*你想要的位置*/}

}

具体 *** 作如下：

html {

scrollbar-arrow-color: #f4ae21/*三角箭头的颜色*/

scrollbar-face-color: #333/*立体滚动条的颜色*/

scrollbar-3dlight-color: #666/*立体滚动条亮边的颜

色*/scrollbar-highlight-color: #666/*滚动条空白部分的

颜色*/scrollbar-shadow-color: #999/*立体滚动条阴影的颜

色*/scrollbar-darkshadow-color: #666/*立体滚动条强阴

影的颜色*/scrollbar-track-color: #666/*立体滚动条背景颜色*/

scrollbar-base-color:#f8f8f8/*滚动条的基本颜色*/

Cursor:url(mouse.cur)/*自定义个性鼠标*/

}

一般我们默认的我们鼠标滑轮滑动一次就是向下或者向上滑动一行，但这样有的时候不能满足我们的需求，看一篇文章如果看完一屏幕再向下滑，通过滑轮的话就需要滑很久，如果我们设置一下鼠标滑轮每次滑动向下滑动几行或者是一页，那就方便多了，接下来我来演示一下如何 *** 作设置。

*** 作方法

01

首先在桌面任意位置，用鼠标右击，在出来的菜单中选择个性化。接下来就会蹦出来一个电脑个性化设置的一个对话框。

02

在个性化设置对话框左侧可以找到一个更改鼠标指针的选项，我们点击选择它，就可以进入到鼠标属性的相关设置页面。

03

在鼠标属性设置对话框，上面就有一个滑轮选项，我们点击选择它，就可以进入到滑轮的设置相关页面。

04

我们可以看到滑轮的设置有垂直滚动和水平滚动，一般我们使用电脑的浏览页面的话都是说的垂直滚动。

05

在垂直滚动下就可以看到鼠标滑轮滚动一下可以向下移动多少进行具体的设置，可以是几行，在这里可以使用后面的那个小箭头来鼠标点击增加或者是减少，也可以是直接在编辑框内直接输入行数。

06

或者是设置为鼠标滑轮滚动一次就是一个屏幕，这样在看文章的时候会更加方便，不用总是在滑动屏幕，而且对眼睛也比较好。可以看到鼠标垂直滑动第二个选项就是一次滑动一个屏幕的选项，我们点击选择它，最后确定就可以了。

---