jQuery 是为事件处理特别设计的。 什么是事件？ 页面对不同访问者的响应叫做事件。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 实例： 在元素上移动鼠标。 选取单选按钮 点击元素 在事件中经常使用术语"触发"（或"激发"）例如： "当您按下按键时触发 keypress 事件" ...
分类：
Web程序 时间：
2020-05-15 15:45:40
阅读次数：
68
.vogueHover { width: 100%;height: 100%; position: absolute; left: 0; top: 0; background: #001e50; z-index: 9999; opacity:0 } .vogueHover:hover { trans ...
分类：
Web程序 时间：
2020-05-15 15:39:21
阅读次数：
58
昨日内容回顾 分组与嵌套 # 多个选择器可以并列公用一套css样式 div,p,span {} # 不同选择器之间也可以混合使用 .c1,#d1>span {} 伪类选择器 a:link {} a:hover {} # 需要记忆 a:active {} a:visited {} input:focu ...
分类：
Web程序 时间：
2020-05-14 19:17:01
阅读次数：
69
第一步：前端样式以及html代码（图片自行添加） css代码： #container{ width: 1200px; height: 400px; margin:0 auto; overflow: hidden;/*超出的图片垂直方向隐藏，水平方向也隐藏*/ position: relative;/ ...
分类：
Web程序 时间：
2020-05-14 15:06:05
阅读次数：
65
1 <div id="app"> 2 <div class="container"><form class="form-inline"> 3 <div class="form-group"><label for="exampleInputName2">ID：</label> <input id="e ...
分类：
其他好文 时间：
2020-05-14 01:58:58
阅读次数：
197
原理比较简单，首先先隐藏下拉菜单即display:none，当鼠标hover后，设置display:block。 菜单 菜单1 菜单2 菜单3 ...
分类：
Web程序 时间：
2020-05-12 20:49:32
阅读次数：
310
由于hover伪类添加的动画效果，仅当鼠标放在元素上时会被触发，而当鼠标离开时，效果会中断，会显得很生硬。 大多数人的想法都是使用js的onmouseover和onmouseleave事件来实现动画效果。其实不必这么麻烦，CSS3便可以帮你解决这些问题。 <!DOCTYPE html> <html ...
分类：
Web程序 时间：
2020-05-11 18:55:22
阅读次数：
430
效果图 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="css/style.css"> </head ...
分类：
其他好文 时间：
2020-05-08 10:07:53
阅读次数：
54
首先按钮效果如下 HTML代码和CSS代码： HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>流光按钮</title> <link rel="stylesheet" href="index01.css" ...
分类：
Web程序 时间：
2020-05-07 23:05:54
阅读次数：
253
