js实现批量生成18位身份证号码
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title&g...
JS实现联想、自动补齐功能
<html> <head> <meta charset="utf-8"> <style> * { box-sizing: border-box; } body {...
js报表双击固定样式，用于对比
在很多报表中，需要鼠标上下选择时显示对比颜色，在双击时显示固定的色表示选中状态。<table style="width:80%" border=1 onmouseover="getrow(this)" onmous...
css中鼠标样式大全
<p>请把鼠标移动文字上，看看效果吧</p> <div style="cursor: pointer;">手形</div> <div style="cursor:&nbs...
css3设计伪元素实现太极阴阳图并旋转
<style> body{margin:0;} .wrap{ position:relative; width:200px; height:100px; background-color:#fff; margin:50px auto; border-width:...
3种js+css实现移动设置底部固定菜单，极简方法
解开css中注释，共3种方式，推荐flex方法。<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="...
css3实现加载动画，边框跑马灯
<style> body{/*让body所有元素正居中*/ display:flex; justify-content:center;/*水平居中*/ align-items: center;/*垂直居中*/ height:100vh;/*不加高，无法垂直居中...
css3实现不断旋转动画加载，并弹性布局显示
<style> body{ background:#34495e; display:flex; justify-content:center; align-items:center; height:100vh; } .loading{ position:relative...
CSS3用hover实现百叶窗动画
<style> ul,li{margin:0;padding:0;} ul{ display:flex; margin:0 auto; width:960px; height:500px; outline:1px solid black;...