高亮

win10日历交互效果

匿名 (未验证) 提交于 2019-12-03 00:17:01
win10日历 早就想试着实现以下win10日历的动态css效果,现在终于有时间试试啦。 本篇文章只是实现简单的效果,进阶篇后续会放上来 目标效果 鼠标移入目标元素,周围相关八块元素点亮,点亮高光范围呈圆形 点击元素选中,呈蓝色色块 实现效果图 1.win10ԭͼ 2.初级实现图 3.进阶实现图 技术点 定义公共类: disable---置灰 hover(n)---高亮的九个块 active---点击激活 实现九个块呈圆形的高亮区域 css:使用background属性,值是径向渐变 css:径向渐变参数顺序:半径、渐变方向、渐变色 js:点击绑定active类名,移动绑定hover类名(9个) js:时间内绑定类名,先移除清空再绑定 js:碰壁处理,鼠标碰到上下左右时,相对反方向移除类名 代码 相关代码点击这里查看吧 初级实现github查看代码 其他 这个只是初步的实现,接下来的进阶篇会显现鼠标移动时,高亮范围也相继移动 这篇文章的圆形高亮范围实现效果,是通过九个小块拼接出来的圆形,下篇文章我会介绍另外一种思路实现。 来源:博客园 作者: 龙象般若功 链接:https://www.cnblogs.com/jlfw/p/11803046.html

BracketHighlighter括号高亮配置

匿名 (未验证) 提交于 2019-12-03 00:05:01
BracketHighlighter BracketHighlighter是一个用于成对括号(大括号、中括号、圆括号、尖括号)、引号等符号的高亮显示的插件 插件安装 首先打开package Control,选择install Package,之后输入BracketHighlighter,点击就可以了。 在安装完成之后,默认是这样显示的 默认其实已经比较好看了,但是还是不够好,按照下面的设置看看吧 点击Preference -> Package setting -> BracketHighlighter -> Bracket setting 把下面的复制粘贴到右边的用户设置中去 { // 这个是在成对的括号左侧显示一条竖线,表明开闭括号的范围与位置,如果不需要把true改为false “content_highlight_bar”: true, // 下面不同括号的显示方式,默认是下划线,这里改成了高亮 “bracket_styles”: { “default”: { “icon”: “dot”, “color”: “region.yellowish brackethighlighter.default”, “style”: “highlight” }, “unmatched”: { “icon”: “question”, “color”: “region.redish”,

ElasticSearch搜索实例

匿名 (未验证) 提交于 2019-12-03 00:03:02
public void search() throws IOException { // 自定义集群结点名称 String clusterName = "elasticsearch_pudongping"; // 获取客户端 Client client = ESClient.initClient(clusterName); // 创建查询索引,参数productindex表示要查询的索引库为productindex SearchRequestBuilder searchRequestBuilder = client .prepareSearch("productindex"); // 设置查询索引类型,setTypes("productType1", "productType2","productType3"); // 用来设定在多个类型中搜索 searchRequestBuilder.setTypes("productIndex"); // 设置查询类型 1.SearchType.DFS_QUERY_THEN_FETCH = 精确查询 2.SearchType.SCAN = // 扫描查询,无序 searchRequestBuilder.setSearchType(SearchType.DFS_QUERY_THEN_FETCH); // 设置查询关键词

cesium清除选定事件

匿名 (未验证) 提交于 2019-12-02 23:59:01
cesium清除选定事件 此处的案例不一定适合你的项目,但可以给你一个思路。清除选定,就是还原你选中之前的状态。比如你点击一个面高亮,面的颜色发生改变;并且会弹出一个divPoint框。此时的清除选定,你只需要把选中面的颜色复原以及把divPoint框隐藏就可以了。 代码如下: 1 //清除图层并且注销事件 2 function clearAll () { 3 //判断之前是否有高亮面存在 4 if ( highlightFace ) { 5 highlightFace . material = highlightFace . material0 ; 6 } 7 8 var selectCancel = new Cesium . ScreenSpaceEventHandler ( viewer . canvas ); 9 selectCancel . setInputAction ( function ( event ) { 10 selectCancel . removeInputAction ( Cesium . ScreenSpaceEventType . LEFT_CLICK ); 11 }, Cesium . ScreenSpaceEventType . RIGHT_CLICK ); 12 //隐藏divPoint 13 $ ( ".label" ). hide ();

织梦二级栏目增加高亮样式

匿名 (未验证) 提交于 2019-12-02 23:55:01
织梦二级菜单被点击栏目高亮调用方法: 第一步:因为织梦默认dede:channelartlist标签是不支持currentstyle属性的,所以接加下先修改channelartlist.lib.php 1:打开include\taglib\channelartlist.lib.php,找到 $pv->Fields['typeurl'] = GetOneTypeUrlA($typeids[$i]); 2:在$pv->Fields['typeurl'] = GetOneTypeUrlA($typeids[$i]);下增加如下代码 1 $pv->Fields['typeurl'] = GetOneTypeUrlA($typeids[$i]); 2 if($typeids[$i]['id'] == $refObj->TypeLink->TypeInfos['id'] || $typeids[$i]['id'] == $refObj->TypeLink->TypeInfos['topid'] ){ 3 $pv->Fields['currentstyle'] = $currentstyle ? $currentstyle : 'navOn'; 4 } 5 else{ 6 $pv->Fields['currentstyle'] = ''; 7 } 第二步:前台调用: 1 {dede

设置IDEA中各种线条颜色

匿名 (未验证) 提交于 2019-12-02 23:47:01
如同TearLine, 行号, 搜索结果高亮, Caret Line, 方法分隔线颜色的设置 操作路径: 1.Ctrl+Alt+S, 打开设置: settings--->Editor--->Color Scheme--->General路径下 2. 行号&方法分隔线: Code--->Line number, Indent guide: Editor--->Guides, Caret, Tear Line 搜索结果高亮: 在General--->Search Results部分 Tear Line&选择部分的颜色: 在General--->TearLine,Selection

vim搜索及高亮取消

匿名 (未验证) 提交于 2019-12-02 23:42:01
vim搜索及高亮取消 https://www.cnblogs.com/soymilk2019/p/10744027.html 哎 竟然一直不知道. 比如搜索user, 输入/user 按下回车之后,可以看到vim已经把光标移动到该字符处和高亮了匹配的字符串 比如搜索user, 输入/user 按下回车之后,可以看到vim已经把光标移动到该字符处和高亮了匹配的字符串

MarkDown 编辑高亮

匿名 (未验证) 提交于 2019-12-02 23:38:02
MarkDown 编辑高亮 更多前端工具和笔记博客: https://yaohuihou.github.io/ MarkDown 文档 主要是为了在引入一些代码的时候能够高亮显示,这样界面可以更加友好 没有使用: # 创建一个 markdown 文件 echo '# Hello VuePress' > README.md 使用之后 # 创建一个 markdown 文件 echo '# Hello VuePress' > README.md 语法 ```key 代码段 ``` 来标记语言时,下面的就会表格就会派上用场了 language key 1C 1c ActionScript actionscript Apache apache AppleScript applescript AsciiDoc asciidoc AspectJ asciidoc AutoHotkey autohotkey AVR Assembler avrasm Axapta axapta Bash bash BrainFuck brainfuck Cap’n Proto capnproto Clojure REPL clojure Clojure clojure CMake cmake CoffeeScript coffeescript C++ cpp C# cs CSS css D d Dart d