效果预览 ： 新建文件 [BlogRoot]\source\js\cursor.js ，在里面写上如下代码： var CURSOR; Math.lerp = (a, b, n) => (1 - n)..."> 同时可以在自定义 CSS 中添加如下样式来控制图标默认大小和颜色等属性（若已经在项目设置中勾选了彩色选项，则无需再定义图标颜色），写法与字体样式类似，这恐怕也是它被称为 iconfont...hexo d 时也会重新生成 source：自己写的博客源码 db.json 文件： hexo s 快速启动所需的数据库 themes：主题文件夹（魔改都在里面啦） package-lock.json...: white # 文字鼠标悬浮颜色 background_color: "#f2f2f2" # 文字背景默认颜色 background_hover_color: "#b30070" # 文字背景悬浮颜色...hexo d 时也会重新生成 source：自己写的博客源码 db.json 文件： hexo s 快速启动所需的数据库 themes：主题文件夹（魔改都在里面啦） package-lock.json
1.前言 在自己的专栏上写了十几篇文章了，都是与js有关的。暂时还没有写过关于css3的文章。css3，给我的感觉就是，不难，但是很难玩转自如。...注意2：子菜单ul要用.demo-nav li ul{height: 0;overflow:hidden;}隐藏，在显示的时候再设置.demo-nav li:hover ul{overflow: visible...如果不加，实际上子菜单ul，以及子菜单ul下面的li一直在页面上，如果鼠标移上去子菜单ul，以及子菜单ul下面的li。那么实际上也会触发父级li的hover。 ? ?...{ height: 280px; } //鼠标移入li，h3背景颜色和字体颜色改变 .demo-slide-tab li:hover h3 {...对于js的方式来说，这个就是触发的事件就可以了，对于插件来说，可能就改一个插件就行了！对于css3实现的话，这个就不但要改css样式了，也要改html结构了！
这两个空文件夹的作用 node-global :npm全局安装位置 node-cache：npm 缓存路径 配置环境变量： 将node.exe 所在的目录添加到path环境变量，这样我们在使用命令行时就可以在任意路径使用...，进来就是系统属性 以上截图中，找到环境变量 ，点击进去 以上有两个位置，一个是用户变量，一个是系统变量，我们在系统变量里面做修改 点击新建，出来一个弹框 变量名字就写 NODE_PATH...变量值就是你创建的全局目录，比如我的是（一定是你本地的路径，你自己的路径） 就是箭头指的这个文件夹，点进去，你的应该里面什么都没有，是空的 复制这个路径 E:\node.js\node_global...如何确定你电脑已经将node环境配置好了，那么就可以打开cmd 环境变量配置好之后，重新打开cmd，一定是重新打开，之前打开的关闭，重新打开 在命令行中输入如下命令测试 node -v npm...-v 如果出现对应的版本号，那么你电脑就有了node环境，之后就可以在cmd里面启动vue项目了 安装一个东西 安装东西比较慢 查看本来的镜像 npm get registry 我们要换一个淘宝的镜像
导航高亮 导航高亮是一种很常见的问题，包括当前页面的导航在菜单里面高亮和hover时高亮。你可以用js控制，但是用一点CSS技巧就可以达到这个目的，不需要使用JS。...如果你用js控制，那么在脚本加载好之前，当前页面是不会高亮的，而脚本加载好之后突然就高亮了。所以用js吃力不讨好。...，又监听了mouse事件，用mouse控制显示隐藏，双重效果会有什么情况发生，如果按正常套路，在mouse事件里面hover的时候，添加了一个display: block的style，会覆盖掉CSS的设置...但是实际情况下会有意外发生，那就是在移动端iphone上面，触摸会触发CSS的hover，并且这个的触发会很高概率地先于touchstart事件，在这个事件里面会判断当前是显示还是隐藏的状态，由于css...，可以借助媒体查询动态地改变display的属性，从而改它排列的方式。
导航高亮 导航高亮是一种很常见的问题，包括当前页面的导航在菜单里面高亮和hover时高亮。你可以用js控制，但是用一点CSS技巧就可以达到这个目的，不需要使用JS。 ? ?...如果你用js控制，那么在脚本加载好之前，当前页面是不会高亮的，而脚本加载好之后突然就高亮了。所以用js吃力不讨好。...，又监听了mouse事件，用mouse控制显示隐藏，双重效果会有什么情况发生，如果按正常套路，在mouse事件里面hover的时候，添加了一个display: block的style，会覆盖掉CSS的设置...但是实际情况下会有意外发生，那就是在移动端iphone上面，触摸会触发CSS的hover，并且这个的触发会很高概率地先于touchstart事件，在这个事件里面会判断当前是显示还是隐藏的状态，由于css...这样还有一个好处，就是在响应式开发的时候，可以借助媒体查询动态地改变display的属性，从而改它排列的方式。
这两个空文件夹的作用 node-global :npm全局安装位置 node-cache：npm 缓存路径 配置环境变量： 将node.exe 所在的目录添加到path环境变量，这样我们在使用命令行时就可以在任意路径使用...以上有两个位置，一个是用户变量，一个是系统变量，我们在系统变量里面做修改 ? 点击新建，出来一个弹框 ? 变量名字就写 NODE_PATH 变量值就是你创建的全局目录，比如我的是 ?...就是箭头指的这个文件夹，点进去，你的应该里面什么都没有，是空的 复制这个路径 ? E:\node.js\node_global 将他们写在弹出来的框里面 最后弹出来的框就变为 ?...在命令行中输入如下命令测试 node -v npm -v ?...如果出现对应的版本号，那么你电脑就有了node环境，之后就可以在cmd里面启动vue项目了 点击下面，看另一篇文章 cmd命令如何启动vue项目
再看看效果： 然后我们再改一下颜色，当我们之后改动各个页面的各种元素的时候，一定要记得，要符合你整个平台的颜色风格，比如我之前登陆页面 是 绿色+红色。 我的首页是绿色+黑色。...所以之这里我把a标签的颜色改为绿色-爱情的颜色 然后我们今天多学一个知识点，就是鼠标放上去有变化的设计： 添加一个a:hover{} 这个里面写的属性，比如颜色，就代表这鼠标放上去后哦a标签的颜色会变成这里面的颜色...内部元素只有一个空格占位，颜色是从上到下渐变，位置是固定的 让我们在body内继续新建一个div。 注意到里面有个空格，空格的写法是 别写错，别忘了后面的分号。...然后我们继续改，改它的颜色，现在我们是黑色，接下来改成绿红渐变，就是先把background-color属性删掉，然后加上 background:linear-gradient就是渐变背景色，to top...我们学到了positon的固定位置，渐变颜色，竖线 /横线的设计。显示指定元素的js，鼠标放上元素的变化，元素id命名的小技巧 等知识。
如何定义和使用CSS变量（也称为自定义属性） 要声明一个简单的 JS 变量，很简单，如下所示： let myColor = "green"; 要声明一个CSS变量，必须在该变量的名字前添加两个横线。...无论是在移动设备还是 PC 上。 现在，让我们看看这些CSS变量的实际作用。 示例1-管理颜色 使用CSS变量的最佳选择之一就是设计的颜色。...我们举例使用一个带有不同颜色按钮的案例。...在.red类中，我们必须将边框颜色和背景都设置为红色。万一哪天需要更改颜色，那就很麻烦了，需要一个一个的改。这个问题可以通过CSS变量轻松解决。...原文：http://www.js-craft.io/blog/1... 交流 本文 GitHub https://github.com/qq44924588...
-- 这里制作的是那个错误信息 具体控制要学习js才可以 --> 改昵称以被占用 ....form 下的所有 a元素的颜色为 这个颜色 */ .form { width: 980px; margin: 1em auto; } /* 设置 .form 的宽度 然后margin...设置鼠标滑过的那个效果 */ input[type="text"]:hover, input[type="password"]:hover { border-color: #c0c4cc...; /* 这是边框背景颜色 */ } /* 这个 使用伪类 placeholder 设置文本框预写的那个文字的颜色 具体的其他的用法 还没有学到 */ input[type="...*/ /* 这个作用是在js控制弹出时 才产生作用 遮挡下面的文字 */ left: 0; top:50px; /* 这个地方是调整 那个下拉框的 位置 */
前言 Handsome主题 在复杂中，保持简洁。 一款精心打磨后的 typecho主题 handsome是typecho中为数不多的优秀的主题。...如果你是小白或者第一次使用这个模板，那一定要仔细看好了作者写的使用文档 本文博主整理了几种美化样式，希望有喜欢的~ 魔改 为了减少对源码的修改，本次美化大多数可以直接在后台开发者设置-自定义css中添加代码即可...左侧文章图标和评论头像鼠标悬停旋转 2418968489.gif .img-square { transition: all 0.3s; } .img-square:hover {...彩色标签云 之前看过一个彩色标签云的插件，这里用js为标签随机添加上预先定义的颜色，每次刷新都会进行换色： let tags = document.querySelectorAll("#tag_cloud...右侧列表导航栏图标颜色 .glyphicon-fire { color: #ff0000; } .nav-tabs-alt .glyphicon-comment { color:
问题描述 在使用ArcGIS API for JavaScript 4.17开发项目时，有一个需求是需要在地图上添加距离测量和面积测量的控件，这其实很简单，直接调用ArcGIS JS API自带的测量控件就可以实现...我们先来看看ArcGIS JS API自带的默认样式： 然后再来看看客户想要的样式： 其实说白了就是要更改默认样式的宽度和颜色。...解决思路 遇到这种需求的话，下意识就去看看ArcGIS JS API的官网有没有提供可以直接使用的API，但是经过一番查找后发现是没有的，那接下来就只能找找其他的地图JS库里面有没有了，如果有的话就试试能不能用于...ArcGIS的底图，其实除了这种做法之外还有另一种做法，就是找到ArcGIS JS API的源码文件，直接改里面的css样式代码就可以，最后在”AriaGIS“大佬的帮助下发现确实是行得通的，但是考虑到目前项目中使用的...下面分别介绍在二维和三维下的修改方法，demo代码就是对大佬的代码做了一下简单修改过后的。
前言 Handsome主题 在复杂中，保持简洁。 一款精心打磨后的typecho主题 介绍 博主使用Handsome主题已有一段时间，这款主题论售后还是更新都很好，而且也主题本身也不贵。...如果你是小白或者第一次使用这个模板，那一定要仔细看好了作者写的使用文档 本文博主整理了几种美化样式，希望有喜欢的~ 主题购买 主题介绍 使用文档 组件图标 魔改 为了减少对源码的修改，本次美化大多数可以直接在后台开发者设置...border-radius: 50%; animation: light 4s ease-in-out infinite; transition: 0.5s; } .img-full:hover...彩色标签云 之前看过一个彩色标签云的插件，这里用js为标签随机添加上预先定义的颜色，每次刷新都会进行换色： let tags = document.querySelectorAll("#tag_cloud...右侧列表导航栏图标颜色 .glyphicon-fire { color: #ff0000; } .nav-tabs-alt .glyphicon-comment { color: #495dc3
} } } 注释的写法 //只会在LESS中显示 /*就会在LESS和CSS中显示*/ 编译less的一个工具koala（学习node.js...混合模式：把共同的css样式放入一个类似于类的选择器中：.a(){/*共同的样式*/} 使用时在样式中加上.a即可饮用.a()中的样式 带选择器的混合：.b{&:hover:{border:1px...&:带表当前元素的父元素，如果把&放在选择器后，就会将当前选择器插入到所有父选择器之前； 传有多个参数时： 如果传参的括号里面全部都是以“，”分割，那么会依次传给各个参数值， 如果传参的括号里面既有...rgb模式，然后再转换为16进制的颜色值并返回 rgb模式他的值是 0~255 ，当你的值超过255 ，那么就会以255进行相加操作 运算时不能直接使用英文颜色名称进行运算 函数： rgb在less...中是一个函数，会返回16进制的颜色值 red(),green(),blue()传入一个16进制的颜色值会返回一个相应颜色的十进制值 命名空间： demo1: #bgcolor(){ background
">船长公众号 index.css a.des{ color: #bbbbbb; /*字体颜色设为灰色...现在我们要完成鼠标移上去后再显示图片，其实这里可以用js实现，但现在还没讲，所以我们用css的方式，为了达到效果，我们把上面代码里的div标签放到a标签里： lesson3.html index.css a.des{ color: #bbbbbb; /*字体颜色设为灰色..."; /*设置文字字体*/ font-size: 15px; /*文字大小*/ } div.menu div.title{ width: 100%; /*适应上面的190px，这样写改的时候只需要修改上面的高度即可...*/ height: 35px; /*高*/ background-color: #c40000; /*背景颜色*/ color: #fff; /*字体颜色*/ text-align
1、将.phpcmstemplatesdefaultcontent目录下的header.html打开，把里面 ...........ul, .nav-site a:hover ul{visibility:visible;} .nav-site a:hover{background:#3a6ea5;} .nav-site ul{...font- size:13px;list-style: none; } .nav-site ul li a{display:block;width:138px;} .nav-site ul li a:hover...#7aa5d2; border-bottom:1px solid #4e6a87; background:#6d93bc;} /*zkadd-end*/ ps：Hack过了，能完美支持ie等各个版本，至于颜色样式...，有能力的童鞋可以自己改。
其中view包含四个属性： 1.hover(默认值为：false) 这个没什么好说的哈~ 2.hover-class（默认值为:none） 效果展示： 上面的意思是，当我们不点击时，方块默认的颜色为红色...3.hover-stop-propagation(默认值为:false) 这是可以扎尔杨解释， ，因为红色的方块在棕色的方块内，当我们用上面的hover-class属性（点击红色的方块，想要将将红色的方块去变成蓝色的时候...），所以点击后不会立即改变颜色，会等上1000ms后在进行变换！...当然我之前页自创了一种写轮播图的效果，会用到js哈~ js： imgUrls: [ 'cloud://shangcheng-1gv76n6pf3af957d.7368-shangcheng...，因为有一些关于js的内容，新手不太好消化，没关系，以后会讲到的！
碎碎念 最近广泛交友，在和朋友klcdm的聊天中，了解到了他按照洪哥的教程添加了一个分类条，于是我想要，在和星港的聊天中，了解到他又有改了加载动画，而我的加载动画还是可怜的原版动画，于是心动的我又想要了...魔改教程 注意：由于本次魔改修改了主题内部文件，一定要注意提前备份！一定要注意提前备份！一定要注意提前备份！如果没有魔改基础建议紧跟教程，如果有任何问题可以在下方评论区提出。...效果展示 以下是分类条的展示效果，具体效果可以在首页自行感受。...文件中，所有的颜色我都尽量使用了butterfly主题自带的变量进行了替代，确保大部分人可以正常显示。...\main.js，添加js函数，比如我添加到了778行左右，switchComments函数的上面： /** * 自己写的，实现功能切换类别表 */ const setCategoryBarActive
">船长公众号 index.css a.des{ color: #bbbbbb; /*字体颜色设为灰色...设置图片边框*/ display: none; /*设置图片不显示*/ } 到目前为止显示： 看一下代码，其实图片已经存在，知识不显示： 现在我们要完成鼠标移上去后再显示图片，其实这里可以用js... index.css a.des{ color: #bbbbbb; /*字体颜色设为灰色..."; /*设置文字字体*/ font-size: 15px; /*文字大小*/ } div.menu div.title{ width: 100%; /*适应上面的190px，这样写改的时候只需要修改上面的高度即可...*/ height: 35px; /*高*/ background-color: #c40000; /*背景颜色*/ color: #fff; /*字体颜色*/ text-align
在以往的前端开发中，css 一直不能称之为一种编程语言，虽然在 css3中增加了几个变量和函数，但是实现的功能还是比较有限。...vaw-layouts 中通过 sass 实现动态换肤功能 （一） 原创2021-06-03 22:22·知码 在以往的前端开发中，css 一直不能称之为一种编程语言，虽然在 css3中增加了几个变量和函数...1、$mainContentBgColor 主要指定背景色 2、$mainTextColor 主要指定文本颜色 同理，我们也定义好light下的class .light{ .el-button...如果我们可以通过js动态地修改这几个值，不也可以实现动态换肤？答案是不可以，因为预处理器是在我们开发阶段使用，一旦打包之后，他们就没有了，我们也就没办法再改这些值。所以我们还是老老实实写恶心的代码？...$value in $themeColorsMap { // 这里就是生成类似于：.dark.theme_color_blue // 因为我们还有切换主题色的功能，所以还得适配不同的颜色
（统一治理输出），以及主题色，混合颜色（黑白色）都可以动态接口获得 （3）统一规范业务色常量命名，JS定义自定义函数方法 1、 Mix函数实现媲美sass的颜色混合机制，2、十六进制和RGB（rgba）.../themeList.js"; import { mix, hex2rgb } from "....* @param changeType 区分改的是主题类型，还是主题色 [ 预留字段 ].......这里存放一些假设我们在应用端设置的一些主题和色系（深浅）基础色 import { light } from '....[必填] 自定义常量在不同主题下的 深色系颜色列表 array ['theme1','theme2'] * @param lightList [必填] 自定义常量在不同主题下的 浅色系颜色列表
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
