最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
文字链接平滑左右移动的效果代码
时间：2022-06-25 09:37:53 编辑：袖梨 来源：一聚教程网
当然，花点时间改一下效果会非常棒，下面就贴出代码吧：
html代码 ：
| 代码如下 | 复制代码 |
css代码：
| 代码如下 | 复制代码 |
|
.test a{background-color:#446CB3; color:#ffffff; padding:10px; text-decoration:none; |
|
当然，要知道css3动画不兼容ie10以下浏览器，所以这个效果在IE内核的低版本中是没有啥效果的，但是这个效果实现起来非常简单，我们可以结合jquery
当然我们知道css3动画不兼容ie10以下浏览器，那么我们可以使用jq代码来实现，具体代码为：
| 代码如下 | 复制代码 |
|
$(function(){ },function(){ |
|
大家可能很疑惑，为什么css里面由一个position:relative呢？其实这是我的另外一种写法，jq代码如下
| 代码如下 | 复制代码 |
|
$(function(){ $(this).stop().animate({“left”:”10px”},300); |
|
是不是很简单的效果呢？值得试试。