小工具
关注
分享
扫一扫
邹大叔
不做程序猿，只做好老公。
展开
-
【小工具】简单的小钟表
【小工具】简单的小钟表<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>钟表</title> <style type="text/css"> body { background-color:#00A2D4;转载 2017-02-09 18:02:35 · 639 阅读 · 0 评论 -
【CSS3】动画之跳动的心
【CSS3】动画-跳动的心<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>情人节心跳动动画</title> <style type="text/css"> html, body{ width: 100%; height: 100转载 2017-02-09 17:16:57 · 1878 阅读 · 0 评论 -
【Canvas】简单的写字板
演示地址：点我<!DOCTYPE html><html><head> <meta charset="utf-8"> <script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script> <title>写字板</title>转载 2017-02-08 16:50:00 · 638 阅读 · 0 评论 -
【原生JS】简单放大镜效果
演示地址：点我<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0;转载 2017-02-08 16:39:20 · 3024 阅读 · 0 评论 -
【小工具】原生JS的计算器
【小工具】原生JS的计算器<!doctype html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>写给新手：js表单操作（四） 简单计算器（二）</title> <style type="text/css"> body {转载 2017-02-10 11:57:16 · 948 阅读 · 0 评论 -
【小工具】一个简单实用的jQuery手风琴
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>手风琴</title> <style> .wrap{ width: 200px;height: auto;margin:50px auto;border-radius: 5px } ul,li,h4{list原创 2017-02-10 12:11:49 · 278 阅读 · 0 评论 -
【小工具】简单的倒计时（原生）
【小工具】简单的倒计时（原生）<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>倒计时</title></head><body><div id="div"></div><script type="text/javascript">window.onload=clock;function clock(){原创 2017-02-09 18:08:42 · 1019 阅读 · 0 评论 -
【小工具】获取当前时间
【小工具】获取当前时间<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body> <div id="time"></div> <script type="text/javascript"> function time(){原创 2017-02-10 11:06:00 · 304 阅读 · 0 评论