福超 - 博客园

2019年10月29日

摘要： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title 阅读全文

posted @ 2019-10-29 20:03 福超阅读(365) 评论(0) 推荐(0) 编辑

拖拽

摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ width: 200px; height: 200px; background-color: #0ff; position: absolute; left: 0; top:0; } </style> < 阅读全文

posted @ 2019-10-29 19:59 福超阅读(95) 评论(0) 推荐(0) 编辑

原生js实现选项卡功能

摘要：代码如下 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; box-sizing: border-box; } .bo 阅读全文

posted @ 2019-10-29 19:49 福超阅读(993) 评论(0) 推荐(0) 编辑

原生js实现全选反选全不选

摘要：代码如下阅读全文

posted @ 2019-10-29 19:42 福超阅读(563) 评论(0) 推荐(0) 编辑

2019年10月6日

贪玩蓝月

摘要：纯CSS写的一个动态效果，开始看着这个不知道怎么写的，实际上上是小盒子里面有一个大盒子，使用定位和动画完成的阅读全文

posted @ 2019-10-06 15:27 福超阅读(212) 评论(0) 推荐(0) 编辑

CSS实现动态声音图标

摘要： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title 阅读全文

posted @ 2019-10-06 14:52 福超阅读(1103) 评论(0) 推荐(0) 编辑

2019年10月5日

可控抽奖

摘要：以上是可控抽奖代码，需要引入jQuery库，有两个音频，一个是未点击抽奖时的背景音乐，另一个是揭晓抽中倒计时的背景音乐，可以控制几号被抽中，也可以控制几号不被抽中，代码注释的地方可以调试。阅读全文

posted @ 2019-10-05 15:32 福超阅读(233) 评论(0) 推荐(0) 编辑

2019年7月31日

流氓广告

摘要：获取浏览器的宽度，盒子在浏览器窗口中无固定轨迹移动；点击消失按钮，按钮跑到另外一边，除非你手速超级快，按钮才会被你点到；即使点到按钮，移动盒子消失了，5秒钟后又弹出来了。阅读全文

posted @ 2019-07-31 21:06 福超阅读(428) 评论(0) 推荐(0) 编辑

2019年7月30日

CSS Tab栏切换

摘要：代码如上 css3实现tab栏切换主要用到a标签的target属性 js代码只用了一句阅读全文

posted @ 2019-07-30 17:44 福超阅读(1228) 评论(0) 推荐(0) 编辑

福超

公告