ICode9

精准搜索请尝试: 精确搜索
  • 博客园定制-clover-侧边栏调整到左边2020-12-09 21:35:28

    页面CSS定制 /*右面大块*/ #centercontent { padding-top: 10px; padding-right: 20px; padding-left: 320px; } /*左面大块*/ #leftcontent { position: absolute; top: 186px; left: 10px; width: 300px; background-color: #fff; border:

  • Vue学习——自己做架构2020-11-30 14:31:44

    昨天写的都没有了,使用markdown不能自动保存,以后还是以富文本的方式写好了。 昨天提到网页设计其实就是跟写PPT一样,最好就是PPT的界面,要什么图形什么颜色自己拖拽,比用代码写方便和直观非常多。但是PPT有个坏处就是数据无法动态的呈现,即数据是写死在图中的。现在的bootstrap有点类

  • [vue-element-admin]-更改主题颜色2020-11-28 11:33:27

    更改主题颜色 ==一、更改侧边栏颜色==1、src/layout/components/Sidebar.index.vue2、src/styles/variables.scss 一、更改侧边栏颜色 1、src/layout/components/Sidebar.index.vue 可以看到侧边栏的index.vue里面引入了’@/styles/variables.scss’样式 2、src/styles

  • 自动创建vuepress侧边栏2020-11-26 20:30:04

    一个帮助你快速创建侧边栏的插件。 如何使用: 第一步: 下载npm install vuepress-auto-sidebar-doumjun 第二步: 在config.js文件中引入//config.js const autosidebar = require('vuepress-auto-sidebar-doumjun') 第三步: 在themeconfig中使用//config.js themeConfig: { .

  • Bootstrap 实现 二级 侧边栏2020-11-19 22:52:56

    概述 项目需要使用二级的侧边栏。用Bootstrap3实现如下(代码为示意,美化看自己的风格)。 代码 <ul class="nav nav-pills nav-stacked"> <li role="presentation" class="active"> <a href="#" data-toggle="collapse" data

  • MacBook修改显示器分辨率以及黑色侧边解决2020-10-18 21:51:40

    设定主显示器的分辨率 1.在 Mac 上,选取苹果菜单 >“系统偏好设置”,点按“显示器”,然后点按“显示器”。 2.选择“缩放”,然后从选项中选择一个。 设定已连接显示器的分辨率 如果您有多台显示器,在显示器连接后还会显示更多可用的分辨率选项。 1.在 Mac 上,选取苹果菜单 >“系统

  • 根据滚动条位置改变侧边悬浮按钮的状态2020-09-15 09:02:43

    借鉴了一部分前辈的思路,写的一个死数据,进行的一些状态改变 可能脑子有点笨,正在寻找简化代码的思路。 如果大家有思路可以留言,评论,谢谢!!! 这是html,我只写了两部分,一个是悬浮窗,一个是内容区域,大家可以直接复制代码进入页面,然后引入一个jq的js文件就可以看到效果了。 <body> <!--侧边悬

  • docsify文档网站从 创建 到 部署 (放弃) 教程2020-09-15 02:02:16

    网站搭建千千万,搭完不用全白干。 肝了一个通宵用docsify搭建起来并部署到GitHub Pages,还是挺好看的,一路波折,有没有一起来玩玩的小伙伴啊

  • CSS学习之小米的侧边栏2020-06-27 13:40:50

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小米侧边栏</title> <style> a { display:block; width: 230px; height: 40px; background-color: #55585a; font-size: 14px;

  • Foundation 侧边栏2020-06-09 13:02:00

    侧边栏导航 Foundation 使用 <ul class="side-nav"> 创建侧边栏: 实例 <ul class="side-nav">  <li><a href="#">Link 1</a></li>  <li><a href="#">Link 2</a></li>  <li><

  • 仿淘宝固定侧边栏2020-06-04 22:08:59

    关于scroll 使用scroll可以动态得到元素的大小、滚动距离等。 element.scrollTop——返回被卷去的上侧距离,返回数值不带单位; element.scrollLeft——返回卷去的左侧距离,返回数值不带单位; element.scrollWidth——返回自身实际宽度,不含边框,不带单位; element.scrollHeight——返回自

  • Angular中调用css3动画实现侧边栏的显示与隐藏2020-04-30 16:01:31

    场景 Angular介绍、安装Angular Cli、创建Angular项目入门教程: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/105570017 Angular新建组件以及组件之间的调用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/105694997 通过以上搭建起Angular项目。

  • D2Admin 7月份更新内容: cli3以及更方便的全局控制等2020-04-25 23:08:03

    时间过的真快,自从 1.1.4 发布又过去一个月了,这个月依旧每天在忙,D2Admin 也进行了大重构,先介绍一下这次的 1.1.5 相比 1.1.4 有哪些大的改变吧 ~ 重要升级 vue-cli3 D2Admin 这次完成了 vue-cli3 的重构,省去了以前繁琐的 webpack 配置,打包速度更快,环境变量设置更简单,文件目录更简

  • 实现侧边栏工具(1)使用背景图片方式2020-04-07 10:57:00

    需要开发类似于CSDN文章浏览右侧显示的工具条,如下所示 需要实现的效果如下: 1 HTML格式 主要原理利用a标签和图片的sprite来实现创建一个toolbat类的工具条div点击a标签不产生任何效果 <div class="toolbar"> a[href="javascript:;"].toolbar-item.toolbat-item-app*4 </div>

  • bigSlide 插件应用2020-04-05 09:03:01

    一、 插件官网 bigSlide.js 二、 基本代码 侧边栏控制开关 用一个 <a> 标签来控制侧边栏的开关。#menu 用来指向 id 为 menu 的侧边栏,menu-link 为这个 <a> 标签的类名。 <a href="#menu" class="menu-link">&#9776;</a> 侧边栏代码实例 侧边栏代码如下,由于需要实现的效果各不相

  • 类似淘宝侧边栏jq代码编写2020-03-29 19:55:23

       $(function() { var recommend_offTop = $('.recommend').offset().top; var flag = true; // 当页面卷相关位置的时候,固定栏显示 ifdisplay() function ifdisplay() { $(document).on("scroll", function() { if ($(this)

  • 通过事件打开侧边栏2020-02-29 18:51:01

    final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();   return Scaffold( key:_scaffoldKey, appBar: AppBar( title: Text("商品列表"), )) Expanded( flex: 1, child: InkWell( child: Padding( padding: E

  • 给自己的博客添加一个侧边栏2020-01-28 15:54:01

      如何不使用JS,给自己的博客添加一个酷酷的侧边导航栏呢?详情请查看右侧导航栏,这是我自己做的一个导航栏,分别作用是:展示手机号,展示QQ,展示微信,跳转自己想要的网址(这里我放的是自己的还未完成的博客)   分析一下这个侧边栏,首先是需要他不影响内部其他DOM元素并处于页面右侧,那么应

  • [toc]文档导航 侧边栏目录 markdown2020-01-10 23:00:07

      [toc]文档导航 https://www.so.com/s?q=%5Btoc%5D文档导航&src=srp&fr=none&psid=5628fdc7ed64cf669853965c2f34fed6 https://blog.csdn.net/zhuqinfeng/article/details/78914778 https://blog.csdn.net/HaleyPKU/article/details/51226704 https://blog.csdn.net/wei

  • 东拼西凑完成一个“前端框架”(3) - 侧边栏2019-12-11 22:58:32

    写在前面 东拼西凑完成一个后台 ”前端框架“ (1) - 布局  东拼西凑完成一个后台 ”前端框架“ (2) - 字体图标 项目引入  font-awesome <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" /> iconfont自定义图标 <link href="css/icon.css"

  • Slidepad for Mac (高效率办公软件)2019-11-12 13:52:56

    mac 办公效率应用软件Slidepad ,可以在你的Mac电脑上设置一个侧边窗口,类似于iPad的功能,在那里你可以放置你最喜欢的网络应用程序和网站。macdown提供Slidepad Mac破解版,欢迎前来下载! https://www.macdown.com Slidepad for Mac软件简介 Slidepad Mac版可以使多任务处理变得更容易

  • 博客园自定义样式(去广告、公告栏加头像、按钮样式)2019-11-01 11:52:09

     前言: 简单的操作 1)可以通过审查元素的方法,来设置自己满意的样式。操作是F12。F12操作可以打开控制面板,具体的样式可以直接在上面修改,然后把修改后的样式保存下来。 2)保存后的样式,复制到[ 管理 ] - [ 设置 ] - 页面定制CSS代码上面,然后[ 保存 ]  1、隐藏广告  /*隐藏广告*/#

  • 如何让html引用公共的头部和尾部(多个html文件公用一个header.html和footer.html)2019-10-09 12:53:30

    前端静态html页面,封装公共的头文件(header:顶部页眉,顶部导航栏等部分)和尾部文件(footer:CopyRight、友情链接等部分) 当前方法:通过load()函数,引入公共头部和尾部文件;  本文案例:引入通用的侧边栏 案例结构图: 侧边栏对应的html文件代码: <aside class="main-sidebar"> <!-- sidebar

  • jQuery返回顶部和在线客服网站侧边栏2019-10-01 13:04:28

    效果图: 全部代码: <!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{margin:0;padding:0;} ul{list-style: none;} .slide{ position: fixed; right:0; top:200px; z-index: 100; width:54p

  • DOM侧边栏2019-09-11 14:43:39

    JavaScript DOM侧边栏 1.首先先建一个盒子设置一个div,div里面加个span,给这个div设置样式: *{padding: 0;margin: 0;} .box{width: 200px;height: 250px;background: skyblue;position: relative; margin-top: 400px;left: -200px;} .box span{position: absolute;left: 200p

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有