jq选项卡下划线跟随鼠标移动

黄胖子爱萝莉

于 2018-10-10 11:03:44 发布

阅读量546

点赞数

分类专栏：前端界面js特效

本文链接：https://blog.csdn.net/huangpangziailuoli/article/details/82993912

版权

jq选项卡下划线跟随鼠标移动，主要是用animate属性

<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
    .site-nav{width:1000px; margin:20px auto; border-bottom:1px solid #ddd; position:relative;}
    .site-nav .container{height:32px;}
    .site-nav a{display:block; width:100px; float:left; text-align:center;padding-bottom:7px; font-size:18px; color:#999;}
    .site-nav a.current1,.site-nav a:hover{color:#e3000c;}
    .site-nav .nav-marker{position:absolute; width:40px; height:3px; background:red; bottom:-1px;}
    </style>
    <script src="jquery-3.2.1.min.js"></script>
</head>
<body>
<div class="site-nav">
    <div class="container clearfix">
        <a href="#" class="current1">网站首页</a>
        <a href="#">关于我们</a>
        <a h

最低0.47元/天解锁文章

黄胖子爱萝莉

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq选项卡下划线跟随鼠标移动

jq选项卡下划线跟随鼠标移动，主要是用animate属性，&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;cn&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;title&amp;gt;&a
复制链接

扫一扫