Jquery简单实现图书导航

最新推荐文章于 2022-10-20 16:45:33 发布

kangk1992

最新推荐文章于 2022-10-20 16:45:33 发布

阅读量2k

点赞数

分类专栏： JQuery 文章标签： jQuery

本文链接：https://blog.csdn.net/kangk1992/article/details/8816049

版权

说的很玄乎其实就是在普通导航的基础上增加几个jquery动画而已。代码 var a = false; var b = false; $(document).ready(function () { $('#p1').click(function () { a ? $('#conte

摘要由CSDN通过智能技术生成

说的很玄乎其实就是在普通导航的基础上增加几个jquery动画而已。

代码

    <script type="text/javascript">
        var a = false;
        var b = false;
        $(document).ready(function () {
            $('#p1').click(function () {
                a ? $('#content').slideDown("slow") : $('#content').slideUp("slow");
                a ? $('#p1').text('↑') : $('#p1').text('↓');
                a ? a = false : a = true;
            })
            $('#p').click(function () {
                b ? $('ul:even').show('1000') : $('ul:even').hide('1000');
                b ? $('#p').text('简化') : $('#p').text('复杂');
                b ? b = false : b = true;
            })
        })
    </script>
</head>
<body>
<div><p><b>图书分类</b></p><p id&

最低0.47元/天解锁文章

kangk1992

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Jquery简单实现图书导航

说的很玄乎其实就是在普通导航的基础上增加几个jquery动画而已。代码 var a = false; var b = false; $(document).ready(function () { $('#p1').click(function () { a ? $('#conte
复制链接

扫一扫

专栏目录