2019年8月9日
3d旋转
摘要： <!DOCTYPE HTML> <html> <head> <meta charset=UTF-8> <title></title> </head> <body> <style type="text/css"> #rotate3D { width: 80px; height: 70px; color: white; position: relative; font-weight: bold; fo 阅读全文
posted @ 2019-08-09 18:28 钧一 阅读(257) 评论(0) 推荐(0)
js 进度条效果
摘要： <!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><style>#myProgress { width: 100%; height: 30px; position: relative; background- 阅读全文
posted @ 2019-08-09 18:11 钧一 阅读(367) 评论(0) 推荐(0)
js切换背景颜色
摘要： <!DOCTYPE html><html><head><meta charset="utf-8"><title></title></head><body> <button onclick="stopColor()">停止切换</button> <script>var myVar = setInter 阅读全文
posted @ 2019-08-09 18:09 钧一 阅读(4408) 评论(0) 推荐(3)
div定时放大缩小
摘要： <!DOCTYPE html> <html> <head> <style> .anim{ width: 100px; height: 100px; background-color: red; } .anim-show { transition: 0.7s; transform:translate(100px,100px) scale(1.5); } .anim-show1 { transitio 阅读全文
posted @ 2019-08-09 16:29 钧一 阅读(715) 评论(0) 推荐(0)
html图片拖放
摘要： 图片拖放 阅读全文
posted @ 2019-08-09 15:23 钧一 阅读(423) 评论(0) 推荐(0)
网站滑到指定的位置给div添加动画效果
摘要： <!DOCTYPE html> <html> <head> <style> .anim-show { width:100px; height:100px; background:red; position:relative; animation-name:mymove; animation-duration:5s;/* 5s表示执行动画的时间，0或不写则无动画效果 */ /* 兼容调试如果anim 阅读全文
posted @ 2019-08-09 15:19 钧一 阅读(999) 评论(0) 推荐(0)
播放视频
摘要： 有很多网站上面都存在着视频的，但是这个是怎么实现的呢？话不多说，直接上代码 阅读全文
posted @ 2019-08-09 11:12 钧一 阅读(520) 评论(0) 推荐(0)