随笔分类 -  html

js获取视频总时长,监听播放进度
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable= 阅读全文
posted @ 2022-05-19 15:23 钧一 阅读(3817) 评论(0) 推荐(0)
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 钧一 阅读(4407) 评论(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 钧一 阅读(713) 评论(0) 推荐(0)
html图片拖放
摘要：图片拖放 阅读全文
posted @ 2019-08-09 15:23 钧一 阅读(422) 评论(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 钧一 阅读(993) 评论(0) 推荐(0)
播放视频
摘要：有很多网站上面都存在着视频的，但是这个是怎么实现的呢？话不多说，直接上代码 阅读全文
posted @ 2019-08-09 11:12 钧一 阅读(518) 评论(0) 推荐(0)
点击a标签 跳到当前页面指定div
摘要：给标签div设一个id值 <div id="aa"><div> a标签抓取id值，点击跳过去 <a href="#aa"></a> 阅读全文
posted @ 2019-02-21 15:34 钧一 阅读(6282) 评论(0) 推荐(1)
图片上下居中
摘要：image里添加此属性 vertical-align:middle; 阅读全文
posted @ 2019-02-08 13:47 钧一 阅读(273) 评论(0) 推荐(0)