ICode9

精准搜索请尝试: 精确搜索
  • <a>标签的多重样式2021-06-16 22:02:06

    标签的多重样式 链接标签有多重形式显示,取决于他的环境。 没有单击过的上面就会显示是蓝色,也就是未访问连接。 以访问的连接就会出现不同的颜色,也是用这些颜色区分连接有没有点开。 如果把鼠标放在连接上面这称之为悬停,在一些浏览器上鼠标悬停会显示title属性的文本。 如何根据标

  • JQ制作一个目录树菜单2021-06-15 16:55:54

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>关于折叠菜单案例</title> <style> *{ margin: 0; padding:0; font-family: &quo

  • 微信小程序-在button添加icon和去除button点击时的默认背景色2021-06-13 12:32:14

    在button添加icon <button class="wxBtn"> <image class="wxfxBtn_image" src="../../images/wx.png"></image> <text>微信</text> </button> 去除button点击时的默认背景色 微信小程序里面的button标签默认背景色为.button-hover

  • jq动态渲染的页面发现鼠标悬浮hover事件失效2021-06-12 12:02:05

    在页面是通过调用ajax调用生成的HTML元素节点,发现鼠标悬浮hover事件失效了 解决方法一、使用delegate()函数 使用delegate绑定mouseover和mouseout事件解决问题。 $(function(){ $.ajax({ type:'post', url:' ', dataType:'json', success:function(json){ var

  • 伪类选择器2021-06-08 09:36:12

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* * 伪类专门用来表示元素的一种的特殊的状态, * 比如

  • 实训第三天2021-06-03 19:31:00

    今天在做项目实训作业的时候遇到了一个有趣的功能,在这里和大家一起分享一下。 先给大家看一下效果 ps:这是鼠标没有放置上去的时候显示的颜色 ps:这是鼠标放置在第一个单元格的时候显示的颜色 ps:这是鼠标放置在第二个单元格的时候显示的颜色 ps:这是鼠标放置在第三个单元格的时

  • 2021-06-032021-06-03 18:00:07

    HTML中CSS伪类 什么是伪类? 伪类是用于向被选中元素添加特殊的效果,伪类用于定义元素的特殊状态。 :hover伪类选择器。 hover用于鼠标光标置于其上的连接,hover效果能给网页增加一些动态效果。使用hover伪类这里就可以在CSS上代替了JS的脚本操作简化了操作。css中:hover是一个

  • 前端学习——css图像拼合技术(精灵图)2021-05-31 21:06:27

    Author:Vivi Time:2021-5-31 20:52 图像拼接就是将很多很多的小图标放在一张图片上,称之为雪碧图或精灵图(CSS Sprites)。 一、使用雪碧图的优点如下: 1、将多张图片合并到一张图片中,可以减小图片的总大小。 2、将多张图片合并成一张图片后,下载全部所需的资源,只需一次请求。可以

  • 带着canvas去流浪系列之四 绘制散点图2021-05-25 12:06:25

    【摘要】 用原生canvasAPI实现百度Echarts图表 示例代码托管在:http://www.github.com/dashnowords/blogs 一. 任务说明 使用原生canvasAPI绘制散点图。(截图以及数据来自于百度Echarts官方示例库【查看示例链接】)。   二. 重点提示 学习过折线图的绘制后,如果数据点只有坐标数据,

  • 第六课2021-05-20 17:35:31

      background-image: url(); background-repeat: no-repeat; background-position: center; 背景图片位置 background-size: cover; 背景放大会完全占完位置,图片可能有缺失 background: url(img/1.png) no-repeat center/cover; 复合属性   div:hover{background: red;} 鼠

  • 5.8日记2021-05-09 02:03:06

    1. leetcode五道题(和为s的两个数字  和为s的连续正数序列  左旋转字符串  平方数之和  翻转单词顺序) 2. 组件封装时出现的hover问题修复,scss样式抽离封装,正在改一个比较难的bug(分析有了思路) 3. 熟悉蓝湖的图片编辑功能实现逻辑 4. 冥想+听力

  • 7.表格标签.html2021-05-08 20:03:33

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> tr:hover{ background-col

  • Chrome 和 FireFox 查看:active,:hover,:focus样式2021-05-06 10:34:01

    Chrome 和 FireFox 查看:active,:hover,:focus样式 Chrome 控制台查看样式 或者选中 :hov    Firefox 控制台查看样式  或者选中 :hov  

  • a 标签的四种样式2021-04-28 16:54:22

    a 伪类在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态。分别如下设置:  a:link {color: red} /* 未访问的链接 */   a:visited {color: green} /* 已访问的链接 */   a:hover {color: black} /* 鼠标移

  • el-tab 用hover切换页面2021-04-17 14:34:12

    1.用hover切换页面 ,click跳转到更多      2.先调接口获取到国家政策和地方政策的数据,定义两个变量接收返回的数据            3.在mounted中调用hover触发的方法   最后献上代码(只要将拿到的值赋值给newData就行了)           nextTick(){         

  • mouseover和mouseout事件在鼠标经过子元素时也会触发2021-04-11 21:56:47

    我也为这个事情愁了半个小时 但是解决方案就这这里jquery的mouseenter和mouseleave方法已经修复了这个问题,可以直接用来替代mouseover和mouseoutjquery的hover()方法,相当于使用了mouseenter和mouseleave。也能解决mouseover和mouseout的问题。官方已经给解决了这个问题 所以我们不

  • 前端4-8-1:Doctype、display、visibility、opacity、全局属性、事件与方法2021-04-10 23:30:35

    1、下面有关html Doctype的描述,说法错误的是? A、它的责任就是告诉浏览器文档使用哪种html或者xhtml规范 B、不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析 C、不同浏览器在混杂模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器的行为根本就没有一致性可言

  • css hover失效的解决方法2021-03-31 19:57:53

    在开发vue项目时,element-plus按钮的focus样式不是我想要的,然后就想覆盖它的样式,但是发现元素hover效果失效,我的写法是这样的: .close-pop-btn{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 18px; width: 20px; height: 20px; line-heigh

  • el-table 某一行增加calss 行hover2021-03-30 13:58:12

    /** *某一行增加calss(渐变) */ <el-table :row-class-name="tableRowClassName"/> tableRowClassName({row, rowIndex}) { if (rowIndex%2 === 0) { return 'warning-row'; } }, .item ::v-deep.el-table .warning

  • CSS笔记2021.03.202021-03-20 09:58:14

    本文仿照pink老师的视频 效果图 知识点 行内元素转为块元素a标签如何去掉下划线文字如何对齐鼠标滑过 hover 代码 <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <style> a { display: block; line-height: 40

  • hover时下划线从中间向两端渐变2021-03-03 11:33:22

    .nav{ float: left;}.nav ul li { float: left; position: relative;}.nav ul li a{ color: #FFF; font-size: 16px; line-height: 80px; margin: 0 25px;}.nav ul li:hover:before{ left: 0; width: 100%; }.nav ul li:before { content: ""; width

  • 第七周总结2021-02-28 09:32:20

    第七周总结 在本周的学习之中,我愈发的感觉前端的内容之广阔,知识量确实不少,但这些知识可以通过不同方式的应用实现各种各样的功能,就拿线面的一个花瓣来说。里面的东西确实不复杂,但实现的效果却是相当可观的 <style> body{ background-color: black; heigh

  • 你可能不知道的 transition 技巧与细节2021-02-24 15:33:42

    CSS 中,transition 属性用于指定为一个或多个 CSS 属性添加过渡效果。 最为常见的用法,也就是给元素添加一个 transition,让其某个属性从状态 A 变化到状态 B 时,不再是非常直接突兀,而是带有一个补间动画。 举个例子: <div></div> 复制代码 div { width: 140px; height: 64px

  • (11)2020-12-15(过渡,2D转换(缩放、位移、旋转、倾斜)2021-02-22 17:00:44

    2D旋转、位移、角度、偏移 1、浏览器前缀2、过渡(transition)例子1,小米图标2,小米图标(伪元素写法) 3、2D转换(transform属性)transform属性(1)缩放(scale)(2)位移(translate)(3)旋转(rotate)(4)变换原点(transform-origin )(5)倾斜 (skew)(6)例子1、扑克牌2、小火箭3、倾斜案例4、过渡(位移)5、过渡(旋转)

  • HTML:a标签的四种状态使用方法2021-02-22 14:36:21

    在看网页源代码的时候遇到a:link和a:visited觉得很有意思,好奇地查了一下相关解释。 关于a标签 根据MDN DOCs记录,<a>元素也成为锚元素,可以创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。常用href属性来指示链接的目标地址;target属性用来规定在

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

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

ICode9版权所有