大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

hover

hover,指一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。

css实现边框动画

css实现边框动画 1、css实现边框动画 效果如图: body,div{ margin: 0; padding: 0; box-sizing: border-box; } .box{ width: 300px; height: 200px; padding: 20px; margin: 50px auto; color: #fff; background-color: #f60; } .border-box{ position: relative; width: 100%; height: 100%; padding: 20px; } .border-box::before

想使用 Kotlin DSL for HTML 来这样写前端的代码码?

想使用 Kotlin DSL for HTML 来这样写前端的代码码? private fun renderBooks(data: Array ) { val books = document.create.div("books") { table("table table-hover") { thead { tr { th { +"ID" } th { +"Name" } } } tbody { data.forEachIndexed { index, s - tr { td { +"$index" } td { +s } } } } } } document.getElementById("books")?appendChild(books) } 完整实例代码参考:https://github.com/Jason-Chen-2017/kotlin-js-gradle-demo kotlinx.html参考文档

自定义放大 TabBar

self.viewControllers = @[navOne,navTwo,navThree,navFour,navFive]; } item手势响应处理 接下来创建UIBarItem、UITabBarItem和UITabBar的分类 UIBarItem+LGJBarItem.h #import @interface UIBarItem (LGJBarItem) @property(nonatomic,nullable,weak,readonly)UIView *lgj_view; CFShow(CFBridgingRetain(infoDictionary)); if (view == nil){ //转换坐标 CGPoint tempPoint = [itemImageView convertPoint:point fromView:self]; } @end 以上工作完成,一个突出的TabBar就出现了,,,,

IE浏览器下透明背景元素hover无效

IE浏览器下透明背景元素hover无效 本文来源于 捷搜索 问题: IE下透明背景元素,鼠标移到文字上才会触发hover,当移到文字旁边的背景上不会触发hover,如下案例(代码+效果图): 1536128629714760.png ul{ position: absolute; z-index: 999999; } ul li a{ display: block; line-height: 60px; width: 100px; color: white; border-bottom: 3px solid #ffda00;

2018-06-07 初识移动端(响应式)

2018-06-07 初识移动端(响应式) 前言:今天初次了解了移动端的一些常识,包括PC端和移动端的区别,媒体查询等的相关操作,以及国内的网站如何实现不同的端展示不同的样式。 1、媒体查询(附带MDN解释) 一个媒体查询由一个可选的媒体类型和零个或多个使用媒体功能的限制了样式表范围的表达式组成,例如宽度、高度和颜色。媒体查询,添加自CSS3,允许内容的呈现针对

一款前端图片缩放神器-gDBox.js

一款前端图片缩放神器-gDBox.js github地址: https://github.com/dingyang9642/gDBox 导读: 在前端开发过程中难免遇到针对图片的缩放平移;以及在图片上进行矢量数据、文本、标注的展示;如果你有上面的任何需求,恭喜你,找到组织了.. gMap.addLayer(gImageLayer); gMap.addLayer(gTextLayer); // 元素添加展示 let fea = new gDBox.Feature.Polygon(`feature-${timestamp}`, points, { name: '中国' }, gFetureStyle);

vue中使用动画vue-particles

vue中使用动画vue-particles 1.下载依赖 npm install vue-particles --save-dev 2.main.js引入 import VueParticles from 'vue-particles' Vue.use(VueParticles) 3.直接使用 4.属性含义 color: String类型。默认'#dedede'。粒子颜色。 particleOpacity: Number类型。默认0.

2018-07-28

2018-07-28 自适应导航栏 HTML logo 首页 新闻 国内动态 国外动态 公司介绍 招揽人才 社会人才 学校人才 登录 css . background-color: skyblue; line-height: 60px; width: 50px;rightTitle{ float: right; flex布局使导航标签横向排布*/ } ul{ list-style: none; /*ul 默认margin-left:40px; /* 默认padding-left: 40px; padding: 0 20px;hoverTitle1 li{ padding: 0;hoverTitle{ /*鼠标悬浮显示*/ display: block; width: 200%;

微信小程序车牌键盘

this.triggerEvent('inputchange'); align-items: center; height: 80rpx; border-radius: 10rpx;vehicle-panel-row-button-number { background-color: #eee;vehicle-en-button-delete { width: 55rpx; 以上代码仅供大家学习交流 作者:rjhlovelife 原文:https://www.cnblogs.com/rjhlovelife/p/9347189.html 相关推荐: 在微信小程序中使用“随机键盘”

Java爬虫——微博热搜

version=20180717111600"], "html": " \n \n \n \n 序号 \n 关键词 \n 搜索热度 \n \n \n \n \n \n \n \n \n \n " } 可以看到我们需要的就是html里面的内容,这里面内容非为两部分: 中国特色主义推荐位,第一条: 推荐 普通热搜 剩下的那些 private static List parseSearchTop(WeiboJsonEntity weiboJsonEneity, long currentTime) { List weiboHotEntities = new ArrayList (); if (isListNotEmpty(td03)) { Elements span = td03.get(0).

30 Seconds of CSS代码块解读(互动篇与其他)

mouse-cursor-gradient-tracking:hover::before { --size: 200px;sibling-fade:hover选择器,那么就是默认全部span都淡出。 Counter(计数器) 实际上,计数器是由CSS维护的变量,其值可以通过CSS规则递增以跟踪它们被使用的次数。这个属性目前还没用过,也是头一次见。说明也是按照原本的英文说明进行照搬,如果还不懂,可以查看MDN的解释。具体的解释也可以参考张鑫旭大神的书《CSS世界》P.

CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些?

CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些? CSS 选择符: 1.id选择器(# myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul li) 6.后代选择器(li a) 7.通配符选择器( * ) 8.属性选择器(a[rel = "external"]) 9.伪类选择器(a: hover

Bootstrap - 表格

Bootstrap - 表格 Bootstrap中的表格 带边框表格 table-bordered # 就是有分割线 条纹状表格 table-striped # 斑马样式 悬停变色 table-hover # 紧凑风格 table-condensed # 会矮一点 示例: 标题一 标题二 标题三 标题四 标题五 内容一 内容二 内容三 内容四 内容五 内容一 内容二 内容三 内容四 内容五 图片.png 表格居中对齐:http://blog.csdn.net/win_turn/article/details/74160696

JavaScript有限状态机

      self.on("hover", self.transition);     },        // 状态转换     transition: function(event){       switch(this.currentState) {         case "hide":           this.currentState = 'show';           doSomething();           break;         default:           console.log('Invalid State!

bootstrap入门 —— 表格制作

bootstrap入门 —— 表格制作 一、bootstrap 同样也为我们提供了许多表格样式 例:制作一张标题为员工信息表的表格,表内容包括性名、性别、年龄、科室、联系方式五项;添加table-striped斑马线 、table-hover悬停、table-border边框等属性 运行程序,结果如下: 二、设置表格 行样式:表头文本居中text-align:center,背景颜色为bg-info,第二行的背景颜色为bg-success

vue中使用动画vue-particles

7。粒子透明度。 particlesNumber: Number类型。默认80。粒子数量。 shapeType: String类型。默认'circle'。可用的粒子外观类型有:"circle","edge","triangle", "polygon","star"。 particleSize: Number类型。默认80。单个粒子大小。 linesColor: String类型。默认'#dedede'。线条颜色。 linesWidth: Number类型。默认1。线条宽度。 lineLinked: 布尔类型。默认true。连接线是否可用。 lineOpacity: Number类型。默认0.

浏览器不兼容问题&&解决方法

浏览器不兼容问题 解决方法 1、图片带来的问题 a、图片下方的间隙 解决方案 1)img{display:block} 不要设置全局选择器 2)img{vertical--align:top/bottom/middle} b、图片的右侧有空隙 解决办法 1)不换行 继续写 2)设置浮动属性:float:left; 不要设置成hand(只能IE认识)

jQuery实现表格双击修改可保存,取消放弃保存

jQuery实现表格双击修改可保存,取消放弃保存 实现表格双击可修改,修改后保存按钮提交,取消则不提交。 表格代码: 序号 标题 内容 1 你好 你好 2 试试 试试 实现表格中td都可以修改(th不做修改), JS代码(这部分代码与table代码在同一个页面): function refresh() { self.location.reload();addClass('input'). } $update_sql = "update Build_Data set $thisclass='$thisvalue' where Build_Id='$id'";

微信小程序button组件样式

微信小程序button组件样式 button.png 带图片icon的Button.png 需要使用微信小程序button组件的open-type来实现授权之类的操作时,发现样式并不是自己想要的,然后改起来也并不是很方便,下面让我们一起看一下: 默认状态 确定 此时,各项值均为默认值,效果如下:有边框以及圆角 默认状态. border-radius: 98rpx; background-color: burlywood; display: flex;btnImg { margin-right: 8rpx; width: 46rpx;