精华内容
下载资源
问答
  • 此扩展程序将Google任务按钮添加到浏览器的侧边栏(仅适用于Chrome和Firefox)和工具栏。 这使用,但添加了C​​SS样式,以使其响应速度更快,外观更好。 Google和Google Tasks是Google LLC的商标。 该项目与...
  • 边栏 V4.4.0

    2015-01-15 21:55:07
    Sidebar Por能够带给你全新的Android多任务体验!是款快速、功能强大、可自定义性高的侧边滑出式托盘应用,允许您将常用的应用和功能开关添加到侧边栏。无论您处在任何界面,只需滑动屏幕的边界,就能调出侧边栏来...
  • 边栏

    2019-01-02 14:09:14
    1.xml布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"... xmlns:tools...

    1.xml布局

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity"
        android:orientation="vertical">
    
        <android.support.v4.widget.DrawerLayout
            android:id="@+id/draw"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="#000000"
                android:orientation="horizontal">
                <Button
                    android:id="@+id/button"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                   />
            </LinearLayout>
    
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_gravity="left"
                android:background="#ded3d3"
                android:orientation="horizontal">
                <Button
                    android:id="@+id/button2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:background="#000000"/>
            </LinearLayout>
    
        </android.support.v4.widget.DrawerLayout>
    
    </LinearLayout>
    

    2.java代码

    package com.example.cebianlan;
    
    import android.support.annotation.NonNull;
    import android.support.v4.widget.DrawerLayout;
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.Gravity;
    import android.view.View;
    import android.widget.Button;
    
    public class MainActivity extends AppCompatActivity {
    
        private Button button;
        private Button button2;
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            button = findViewById(R.id.button);
            button2 = findViewById(R.id.button2);
            DrawerLayout drawerLayout =(DrawerLayout) findViewById(R.id.draw);
            //点击主界面中的按钮弹出侧滑界面
            drawerLayout.openDrawer(Gravity.LEFT);
            //点击侧滑界面中的按钮缩回侧滑界面
            drawerLayout.closeDrawer(Gravity.LEFT);
            //drawerLayout的侧拉监听事件
            drawerLayout.addDrawerListener(new DrawerLayout.DrawerListener() {
                @Override
                public void onDrawerSlide(@NonNull View view, float v) {
    
                }
    
                @Override
                public void onDrawerOpened(@NonNull View view) {
    
                }
    
                @Override
                public void onDrawerClosed(@NonNull View view) {
    
                }
    
                @Override
                public void onDrawerStateChanged(int i) {
    
                }
            });
        }
    }
    

    3效果图没运行在这里插入图片描述
    4.运行后在这里插入图片描述

    展开全文
  • AndroidSideBar,本项目使用辅助功能 AccessibilityService ...实现的功能包括返回,主页,最近任务,启动某个 app,系统音量和亮度调节,开机启动,接收到自定义广播隐藏侧边栏等.本项目适配 Android 5.0 到 Android 9.0..zip
  • 悬浮侧边栏 这个使用的是 RocketDock,可以设置悬浮栏位置,可以自己添加删除其中的图标,还可以自动隐藏,效果非常棒: 安装之后在悬浮窗右键,选择程序设置: 可以进行一些个人喜好的设置: 同样,也可以添加和...

    生命在于折腾,一个简洁清爽的界面可以让人心情愉悦,整理分享一下我的Win10桌面美化历程,先上效果图:

    首先得准备一张好看的壁纸,文中涉及到的图片,软件已经全部打包,下载链接在文末。

    1. 桌面数字时钟

    Digital Clock 4 是一个桌面数字时钟开源项目,运行安装程序之后,就会默认安装到如下的路径:

    C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Digital Clock
    

    进入目录进行该程序,即可在桌面看到时钟显示,它支持在桌面的左上、左下、右上、右下、顶部居中、底部居中、居中等9个位置显示:

    并且自带很多风格:

    在设置页面可以设置:

    2. 任务栏透明处理

    StartIsBack++ 可以给 Windows 10 添加上完美的开始菜单,其功能和外观与 Windows 7 中的开始菜单一样,也支持用户自定义去的修改设置,可以更改开始菜单及开始按钮的外观、样式及风格等。

    运行startlsback++安装包,为当前用户安装:

    设置外观:

    然后就可以看到任务栏变为透明,其颜色随壁纸而定,开始菜单也换为了设置的风格,并且颜色为透明,和壁纸颜色一致:

    3. 悬浮侧边栏

    这个使用的是 RocketDock,可以设置悬浮栏位置,可以自己添加删除其中的图标,还可以自动隐藏,效果非常棒:

    安装之后在悬浮窗右键,选择程序设置:

    可以进行一些个人喜好的设置:

    同样,也可以添加和删除其中的图标,添加的时候选择软件的快捷方式文件即可:

    4. 底部任务栏居中图标

    这个可以利用软件,不过比较麻烦,可以直接来个骚操作,不用任何软件。

    首先按下win+q,搜索字符映射表,选择空白字符并复制:

    然后在C盘新建一个文件夹,在文件名中粘贴刚刚复制的空白字符:

    将软件的快捷方式图标都复制到这里面:

    然后在任务栏右键,选择工具栏->新建工具栏:

    选择刚刚创建的空白文件夹:

    选择之后任务栏就出现了这些图标,在任务栏右键将锁定任务栏前面的对勾取消,再次右键:

    接着就可以看到软件图标的显示了:

    移动的中间之后,在任务栏右键,选上锁定任务栏,大功告成!

    最后放上我打包的这几个小工具:

    下载链接:https://c-t.work/s/ba6b5963f83641

    接收更多精彩文章及资源推送,欢迎订阅我的微信公众号:『mculover666』。

    展开全文
  • 右侧边栏书签效果

    2021-03-26 16:05:58
    这里写自定义目录标题工作需要创建一个侧边栏展开收起的书签容器HTML部分代码css部分代码JS效果交互部分代码效果展示 工作需要创建一个侧边栏展开收起的书签容器 只是简单的功能实现,没有加入动画过渡效果,... 任务

    工作需要创建一个侧边栏展开收起的书签容器

    只是简单的功能实现,没有加入动画过渡效果,供以后需要时使用

    HTML部分代码

       <div class="ag-right-box">
            <div class="div-content">
                <div class="title">
                    任务点
                </div>
                <div class="con">
                    <!-- <div><span>请选择您要查看的项目</span></div> -->
                    <div class="taskContent">
                        <div class="rwgl-editor-right" style="display: block;">
                           
                            <div class="content">
                            </div>
                        </div>
                    </div>
                    <div class="projectPic" style="display: none;">
                        <div class="body-right-layer bodyright">
                            <div class="layer_div" id="layerlist_rwgl"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="div-tab">
                <div class="hide-btn"><i class="layui-icon layui-icon-shrink-right"></i></div>
                <div class="item active">任务点</div>
                <div class="item">项目用图</div>
            </div>
        </div>
    

    css部分代码

            .ag-right-box {
                position: absolute;
                top: 60px;
                right: 0;
                width: 336px;
                margin-right: -300px;
                bottom: 0;
                z-index: 1001;
            }
    
            .slide {
                margin-right: 0px;
            }
    
            .ag-right-box .div-content {
                width: 300px;
                height: 100%;
                position: relative;
                background: #fff;
                border-left: 1px solid #ccc;
                float: right;
            }
    
            .ag-right-box .div-content .title {
                height: 58px;
                line-height: 58px;
                color: #fff;
                font-size: 18px;
                background: #2e6dfc;
                position: relative;
                padding-left: 20px;
                text-align: center;
            }
    
            .ag-right-box .div-content .con {
                position: absolute;
                top: 58px;
                bottom: 0;
                left: 0;
                width: 100%;
                overflow-y: auto;
            }
    
    
            .ag-right-box .div-tab {
                float: left;
                width: 36px;
            }
    
            .ag-right-box .div-tab .hide-btn {
                width: 36px;
                height: 58px;
                border-radius: 4px 0 0 0;
                cursor: pointer;
                background: #fff;
                text-align: center;
                line-height: 58px;
                border: 1px solid #ccc;
                border-right: none;
            }
    
            .icon-show {
                width: 14px;
                height: 16px;
            }
    
            .ag-right-box .div-tab .item.active {
                background: #2e6dfc;
                z-index: 5002;
                color: #fff;
            }
    
            .ag-right-box .div-tab .item {
                width: 36px;
                height: 100px;
                border: 1px solid #ccc;
                background-color: #fff;
                cursor: pointer;
                text-align: center;
                font-size: 16px;
                padding: 20px 8px 0;
                color: #2e6dfc;
                line-height: 20px;
                position: relative;
                z-index: 5001;
            }
    
    

    JS效果交互部分代码

          $(document).ready(function () {
                // 点击任务点和项目用图触发的效果
                $(".item").click(function () {
    
                    $(this).addClass("active").removeClass('type').siblings('.item').removeClass('active').addClass('type');
    
                    if ($(this).html() == '任务点') {
                        $('.taskContent').show()
                        $('.projectPic').hide()
                        $('.ag-right-box').addClass("slide");
                        $('.div-content .title').html('任务点')
    
                    }
                    if ($(this).html() == '项目用图') {
                        $('.taskContent').hide()
                        $('.projectPic').show()
                        $('.ag-right-box').addClass("slide");
                        $('.div-content .title').html('项目用图')
    
                    }
                })
    
                // 右侧点击隐藏按钮缩放设置
                $(".hide-btn").click(function () {
                    $('.ag-right-box').toggleClass("slide");
                    $('.hide-btn .layui-icon').toggleClass("layui-icon-spread-left");
                    $('.hide-btn .layui-icon').toggleClass("layui-icon-shrink-right");
                })
    
            })
    
    

    效果展示

    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 前端小案例之侧边栏

    千次阅读 多人点赞 2020-12-20 19:04:06
    简单侧边栏案例-隐藏右边盒子鼠标经过时显示 最近刚入门前端写了个侧边栏的小案例 ...示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下(示例)

    简单侧边栏案例-隐藏右边盒子鼠标经过时显示

    最近刚开始入门学习前端用简单的html结构加CSS样式写了个侧边栏的小案例在这里分享给大家。


    一、案例介绍?

    效果如下:

    在这里插入图片描述

    该案例主要是在一个sidebar盒子里面左边放一个ul做侧边栏里面的li作为每一行的内容,然后将sidebar-mask盒子定位到侧边栏的右边,用display:none将该盒子先隐藏起来,然后经过也就是hover该盒子的时候就display:block,然后就是对侧边栏每一行的li经过做了一个过渡效果padding值会撑开。

    二、案例代码

    1.HTML结构

    代码如下(示例):

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <link rel="stylesheet" href="style.css">
    </head>
    
    <body>
        <div class="sidebar">
            <ul>
                <li>
                    <h4 style="text-align: center;">侧边栏</h4>
                </li>
                <li>
                    <p>第一</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第一个</div>
                </li>
                <li>
                    <p>第二</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第二个</div>
                </li>
                <li>
                    <p>第三</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第三个</div>
                </li>
                <li>
                    <p>第四</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第四个</div>
                </li>
                <li>
                    <p>第五</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第五个</div>
                </li>
                <li>
                    <p>第六</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第六个</div>
                </li>
                <li>
                    <p>第七</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第七个</div>
                </li>
                <li>
                    <p>第八</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第八个</div>
                </li>
                <li>
                    <p>第九</p>
                    <span>></span>
                    <div class="sidebar-mask">我是第九个</div>
                </li>
            </ul>
        </div>
    </body>
    
    </html>
    

    2.CSS样式

    代码如下(示例):

    * {
        margin: 0;
        padding: 0;
    }
    .sidebar {
        /* 子绝父相 */
        position: relative;
        width: 1200px;
        height: 700px;
        margin: 50px auto;
        color: #ffffff;
    }
    .sidebar ul {
        width: 200px;
        height: 100%;
        background-color: rgba(0, 0, 0, .3);
    }
    .sidebar ul li {
        list-style: none;
        height: 50px;
        padding: 10px 0;
        transition: all .5s;
    }
    .sidebar ul li p {
        float: left;
        margin-left: 50px;
    }
    .sidebar ul li span {
        float: right;
        margin-right: 20px;
    }
    .sidebar ul li:hover {
        background-color: orange;
        padding-left:20px;
        cursor: pointer;
    }
    .sidebar ul li:hover .sidebar-mask {
        display: block;
    }
    .sidebar-mask {
        display: none;
        position: absolute;
        top: 50px;
        right: 50px;
        width: 900px;
        height: 600px;
        background-color: rgba(0, 0, 0, .3);
        text-align: center;
    }
    

    这里是结构与样式分离将上面的CSS样式命名为style.css然后用link导入到html文件中即可以用,也可以将样式用style标签写到html文件里的title下。


    总结

    刚学习前端没多久,想将每天学到的小案例分享给大家,写的不好的地方还望大家多多指教。
    展开全文
  • jquery折叠菜单、jquery侧边栏菜单、CSS侧边栏菜单一、Jquery折叠菜单二、jquery侧边栏菜单三、CSS侧边栏菜单 先上代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <...
  • 安装此插件后能开启,关闭侧边栏方便查看任务,使迅雷任务栏更清爽。
  • Android系统定制的导航侧边栏

    万次阅读 2018-11-16 11:06:06
    Android手机的导航栏一般都放在底部,...然后,通过WindowManager添加悬浮的侧边栏,组合按键除了返回键、home键、最近任务键,还可以自定义添加其他按键。 为了响应按键点击事件,我们需要重写自定义View的onTou...
  • WPF 侧边栏示例

    2020-03-08 20:33:16
    WPF 侧边栏示例 代码: <Window x:Class="WpfApplication1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" ...
  • 自定义toc侧边栏样式If you are moving from Vista to Windows 7, you might miss the Sidebar which was introduced in Vista. Today we take a look at a couple options for getting a Sidebar back in Windows 7...
  • 大家好,我是IT修真院深圳分院第九期的学员徐炜,一枚正直纯洁善良的前端...侧边栏高亮有很多种实现方法,根据任务6-10要求,最后用双ng-repeat嵌套的方法,渲染一二级菜单。 二.知识剖析   1、sessionStorage和lo...
  • 在处理我的最新项目DevGrow Discussions时 ,我遇到了将整个WordPress侧边栏嵌入非WordPress网站 (特别是bbPress论坛)的需求 。 由于我利用各种小部件来显示热门帖子和其他动态内容,因此仅复制和粘贴HTML是不够的...
  • 如何实现侧边栏高亮

    2018-06-05 20:17:06
    大家好,我是IT修真院郑州分院第8期学员,...1.背景介绍任务6-10我们需要实现一个侧边栏高亮,下面我们看一种实现方法。2.知识剖析用到的知识ng-repeat用ng-repeat写出一级和二级菜单。用到的知识ng-class &lt...
  • bootstrap4侧边栏Making high performant, pure CSS sticky sidebars that stack with Bootstrap 4. 制作与Bootstrap 4堆叠在一起的高性能,纯CSS粘性侧边栏。 This will be a quick and pretty cool tutorial on ...
  • 边栏 在macOS 11中,侧栏(技术上称为“ 源列表”)扩展到窗口的整个高度。在侧栏中,默认项目间距,行高和字形大小都会增加,并且选定项目的突出显示将使用圆角外观。 侧边栏的行高,文本和字形大小取决于其整体...
  • 关于Vista边栏的一些知识和技巧,今天就用问答的形式来解决吧。 1、Windows Vista 的侧边栏被我不小心给关了,在哪儿能打开啊? 【答】我们团队提供以下几种办法: 1)点击开始 -> 所有程序 -> 附件 -> Windows ...
  • Laravel TodoBar TodoBar创建一个右侧覆盖层,以简化您的Laravel项目...侧边栏默认情况下处于启用状态,但是您可以通过添加来禁用它 TODOBAR_ENABLED=false 到您的环境变量,然后运行php artisan config:cache更新配置
  • 本人非常不喜欢Win10的几个系统功能 贴靠窗口时自动调整窗口大小,填满可用空间 关将窗口对齐时,显示能够在其旁边对齐的内容 当我调整某个贴靠窗口的大小时,也调整...多任务处理 如下图,关闭下面3个按钮即可 ...
  • 任务描述 实现左右拖拽布局功能:当拖动分割线时,可以重置左右两侧模块宽度实现宽度自定义。 首先搞清楚几个值的概念 (1)clientX clientX:鼠标点击时位置距离当前body可视区域的x坐标 (2)left 相对于具有...
  • sublime text怎么设置侧边栏颜色

    万次阅读 2016-10-30 17:19:19
    sublime text刚安装的时候,导航菜单默认的样式颜色是这样子的. 这样子看起来眼睛会很难受,那么我们怎样才能使得引导菜单的颜色和编辑器...PS:有时改完后侧边栏颜色没变化,不知什么原因,打开包控制,然后列一下已
  • 任务比较简单, 只是为一个三栏主题添加对 Widget 的支持而已,就先从这次简单的案例开始说吧. 单侧边栏 functions.php <?php if( function_exists('register_sidebar') ) { register_sidebar(array( 'before...
  • iOS中SideMenu侧边栏的实现,简易速成

    千次阅读 2016-01-15 17:46:04
    iOS中SideMenu侧边栏的实现,简易速成 卤煮一时心血来潮,想实现个类似QQ那种侧边栏的效果,基于卤煮一向懒惰的天性,想急于实现效果又不想动脑筋使用系统的框架去实现,于是开始各种百度,结果却大失所望,不得已...
  • 电脑精简桌面——侧边栏

    千次阅读 2013-12-17 12:48:33
    在桌面上放置程序的快捷图标,甚至常用文件文件夹,可以加快打开程序或文件(夹)的操作速度,但放置多了,恐怕就会适得其反... 安装后,会在桌面右侧延伸出一条侧边栏,该侧边栏有三个标签:Apps、My tiles、Docs,按
  • Vue---拖动侧边栏改变div宽度

    千次阅读 2019-08-15 10:23:00
    任务描述 实现左右拖拽布局功能:当拖动分割线时,可以重置左右两侧模块宽度实现宽度自定义。 首先搞清楚几个值的概念 (1)clientX 与 clientWidth clientX:鼠标点击时位置距离当前body可视区域的x坐标 ...
  • 我们的博客侧边栏有四项内容:最新文章、归档、分类和标签云。这些内容相对比较固定,且在各个页面都会显示,如果像文章列表或者文章详情一样,从视图函数中获取然后传递给模板,则每个页面对应的视图函数里都要写一...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,949
精华内容 3,579
关键字:

任务边栏