利用jQuery 实现一个简单的侧边菜单隐藏显示功能

最新推荐文章于 2021-12-29 20:58:09 发布

算不算码农

最新推荐文章于 2021-12-29 20:58:09 发布

阅读量3k

点赞数 2

分类专栏： JQdemo 文章标签： bootstrap jquery javascript

本文链接：https://blog.csdn.net/github_38725775/article/details/73795989

版权

直接步入正题，创建一个html文件，复制以下代码部分就能看到效果

boot样式用的网络资源，可以直接使用
jQuery库自行添加

ps:没有拆分，有点略长，不过直接复制就能用了。
可以结合bootstrap，根据个人喜好，demo用了boot的样式可以不用，不引入即可。

效果图

代码部分

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

<script type="text/javascript" src="./jquery-1.12.4.min.js"></script>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<style type="text/css">
body,html{
    height: 100%;}
.sidebar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    background-color: #324057;
    background-color: #f5f5f5</

最低0.47元/天解锁文章

算不算码农

关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
利用jQuery 实现一个简单的侧边菜单隐藏显示功能

直接步入正题，创建一个html文件，复制以下代码部分就能看到效果boot样式用的网络资源，可以直接使用jQuery库自行添加ps:没有拆分，有点略长，不过直接复制就能用了。可以结合bootstrap，根据个人喜好，demo用了boot的样式可以不用，不引入即可。效果图代码部分<!DOCTYPE html><html lang="en"><head><meta charset
复制链接

扫一扫