a.tt:hover {color: #FF0000;} <a class="tt" href="test.html">test</a> 参考：https://zhidao.baidu.com/question/504818490.html ...
分类：
Web程序 时间：
2018-07-05 00:42:02
阅读次数：
846
先放两张效果图。 前两天在微信公众号JavaScript里看到一篇文章 《利用CSS变量实现令人震惊的悬浮效果》，觉得好好看好好玩，就自己动手写了一下。 页面DOM。 鼠标悬停动效，顾名思义，跟鼠标是有很大关系的。首先，我们得 知道鼠标的位置。 1、监听元素的鼠标移动事件； 2、计算鼠标相对元素的位 ...
分类：
Web程序 时间：
2018-07-03 15:09:08
阅读次数：
402
先上效果图: 关键点只有一个:获取鼠标悬停点位置. 所以只需要搜索框的margin-top设置 event.pageY-event.offsetY(鼠标悬停li标签距离顶部的高度) 以下是源码直接运行即可 <!DOCTYPE html> <html lang="en"> <head> <meta c ...
分类：
其他好文 时间：
2018-06-03 00:56:26
阅读次数：
271
一、需求与原型改进 1、 改进的原型 1.1. 改进说明 登录注册 添加了网页背景，并增加了点击事件，增强了页面的交互。 主页 主页添加了网页背景与我们团队网页的LOGO，并且在选择分类的按钮上上作了修改，设计了在鼠标悬停的时候，用户可以浏览到具体的选择方式和物品分类并且选择，节约空间并且便于操作。 ...
分类：
其他好文 时间：
2018-05-30 17:30:35
阅读次数：
238
段落<p> br 换行 hr 分割线   空格 > > < < & & h 7级标题 <img src="图片地址" alt="图片加载失败时显示的内容" title = "鼠标悬停到图片上时显示的内容" /> <a href="跳转到的目标页面地址" target="是否在新 ...
分类：
其他好文 时间：
2018-05-25 21:23:31
阅读次数：
247
一、01-css的引入方式 在HTML中引入css方式总共有三种： 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层： HTML：超文本标记语言。从语义的角度描述页面结构。 CSS：层叠样式表。从审美的角度负责页面样式。 JS：JavaScript 。从交互的角度描述页面行为 CS ...
分类：
Web程序 时间：
2018-05-23 16:13:02
阅读次数：
246
一、web标准 web准备介绍： w3c：万维网联盟组织，用来制定web标准的机构（组织） web标准：制作网页遵循的规范 web准备规范的分类：结构标准、表现标准、行为标准。 结构：html。表示：css。行为：Javascript。 web准备总结： 结构标准：相当于人的身体。html就是用来制 ...
分类：
Web程序 时间：
2018-05-21 19:42:21
阅读次数：
292
1.浏览器内核：渲染引擎，js引擎，现在一般指渲染引擎， IE内核：trident内核，IE的，edge的使用的是edge内核，360极速浏览器用的双内核，一个IE的，一个google的 2.html常用标签： 《1》排版标签： <h1></h1> 标题，依次递减，最低是6级，也是最小，<h1>一般 ...
分类：
Web程序 时间：
2018-05-08 23:55:20
阅读次数：
269
问题描述 在使用分页组件时，点击页码跳转，在页码较多时点击当前显示的最大的页码，会加上active样式，但是新加载出来的页面也会加上‘active’。样式并且在点击其他位置时，该样式会消失 例如图一中点击第‘8’页，第‘8’页会加上‘active’样式，后面加载出来第九页第十页，第十页也会有‘act ...
分类：
其他好文 时间：
2018-05-02 19:21:01
阅读次数：
318
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>04图片标签</title> </head> <body> <!--图片标签 img width，height：宽高，单位是像素 px alt：无法显示图片，讲显示该文字 title ...
分类：
其他好文 时间：
2018-04-29 11:53:09
阅读次数：
160
