前端ABC用CSS伪选择器实现脚本控制的按钮功能
xiaoqi 发布于 2017-03-18
记得之前看到一句话“为了性能考虑，能用CSS实现的特效和功能，尽量不要使用JavaScript脚本”，因为JS的特效基本都是针对DOM节点的操作，只要DOM发生变化，就肯定会引起回流，回流是比较消耗资源的，所以为了性能考虑能避免就要避免。下面介绍两种CSS伪选择器实现按钮功能。 ...
标签：css 第5页
控制input，textarea的输入光标颜色
xiaoqi 发布于 2017-03-17
<!DOCTYPE html> <html> <head> <style> input,textarea{ margin:10px 20px; color: red; text-shadow: 0px 0px 0px #000; -...
8款好看的纯CSS3搜索框
xiaoqi 发布于 2017-03-15
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...
css 实现三角形，圆形
xiaoqi 发布于 2017-03-14
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>纯css3 实现的标签效果</title> <style> body{ fo...
一键返回顶部效果
xiaoqi 发布于 2017-03-09
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml...
实现一张图片水平垂直居中
xiaoqi 发布于 2017-03-03
第一种方式：display：table-cell <div style = "width:600px;height:800px;display:table-cell;text-align: center;vertical-align: middle;"> <im...
jsp中使用随机数解决js、css缓存问题
xiaoqi 发布于 2017-03-02
思路： 在tomcat启动的时候，给js、css文件名后面增加随机数，以保证在每次加载的时候文件名不同，在新版本发布后，不会被浏览器缓存所影响。 实现： 若是前后端分开的项目，需在前端项目中创建类。 Random.Java： package auth.comm; public c...
学习css,js遇到的问题和解决办法
xiaoqi 发布于 2017-02-27
获得的知识： 【javascript】对象（object）就是由一些属性（property）和方法（method）组合在一起而构成的一个数据实体>内建对象（一系列预先定义好的对象）,为给定对象创建一个新实例需要使用new关键字 &n...
实现一个网页版九宫格拼图小游戏
xiaoqi 发布于 2017-02-26
一个九宫格的拼图小游戏，根据html,css,javascript简单完成。 1.拼图.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>前...
CSS中transition的用法
xiaoqi 发布于 2017-02-23
CSS transition的用法代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>前端ABC-CSS transition的用法</t...