![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
٩(⁎ ́ი ̀⁎)۶:.✧
学习使我快乐
展开
-
JS滚动到页面底部或页面顶部
JS滚到到页面底部window.scrollTo(0, document.documentElement.clientHeight);JS滚到到页面顶部window.scrollTo(0, 0);原创 2021-05-11 17:26:27 · 769 阅读 · 0 评论 -
js获取视频第一帧作为封面
/** 截取视频的第一帧*/function getVideoBase64(url) { return new Promise(function (resolve) { let dataURL = ''; let video = document.createElement("video"); video.setAttribute('crossOrigin', 'anonymous');//处理跨域 video.setAttrib原创 2021-04-25 15:59:54 · 2811 阅读 · 0 评论 -
css 设置背景图片铺满固定不动
页面原型html<div class="main"></div>css.main { position: relative; width: 100%; height: 100%; background-image: url("../../assets/images/bg2.png"); background-attachment: fixed; background-repeat: no-repeat; background-size: co.原创 2021-01-20 09:11:11 · 553 阅读 · 0 评论 -
移动端开发,响应式代码,CSS3 @media 查询,@media screen
html与css代码:<!DOCTYPE html><html> <head> <!-- 设置编码格式 --> <meta charset="utf-8"> <!-- 手机,移动端开发,需要加的meta标签 --> <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-wid原创 2020-09-30 11:24:31 · 133 阅读 · 0 评论 -
手机,移动端开发,需要加的meta标签
<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">原创 2020-05-23 09:38:28 · 222 阅读 · 0 评论 -
JavaScript图片采集脚本
// 查找图片轮询imagesFunc = setInterval(function(){document.documentElement.scrollTop = document.body.scrollHeight;}, 2000);// 停止查找图片轮询clearInterval(imagesFunc);function nodeToString ( node ) { var tmpNode = document.createElement( "div" ); tmpNo.原创 2020-05-19 14:03:23 · 336 阅读 · 0 评论 -
video标签实现多个视频循环播放
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>视频合并</title></head><body> <video controls="controls" id="video">您的浏览器不支持播放该视频!</video> <script type="text/javascript.原创 2020-05-10 16:01:04 · 1402 阅读 · 0 评论 -
前端第一周总结
标签div标签: 代码:<div> 一个盒子 </div>运用示例:小结:div标签是运用广泛的双标签,使用频率高 p标签:代码: <p>段落标签</p>小结:p标签是段落标签标题标签:代码: <...原创 2020-02-22 18:46:15 · 278 阅读 · 0 评论 -
弹性布局(display:flex;)属性详解
转载原文:https://www.cnblogs.com/hellocd/p/10443237.htmlFlexbox是 flexible box 的简称(注:意思是“灵活的盒子容器”),是CSS3引入的新的布局模式。它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它之所以被称为 Flexbox ,是因为它能够扩展和收缩 flex 容器内的元素,以...原创 2020-02-20 21:09:07 · 195 阅读 · 0 评论 -
设置网页title旁边的小图标
在html文件中的<head></head>标签里加上:<link rel="icon" href="img/logo.ico" type="images/x-ico" />注意:图片的后缀名必须要是 .ico 格式的。原创 2020-02-01 18:39:41 · 397 阅读 · 0 评论 -
margin-top用法
例:margin-top:10px;10px相当于微信小程序中的20rpx,rpx为微信小程序的单位。原创 2020-01-28 21:39:08 · 1560 阅读 · 0 评论 -
HTML制作简单首页导航
h1大标题:李广程的作业列表查看演示:http://39.105.0.128:45/首页截图首页代码如下:<!doctype html><html><head><meta charset="utf-8"><title>作业列表</title><style type="text/css...原创 2019-11-20 18:06:16 · 1926 阅读 · 1 评论 -
运用JavaScript写的HTML计算器
HTML计算器代码完整,运用eval()函数进行计算计算器的特色是可以使用小键盘输入数字,逻辑结构简单。使用说明:使用小键盘或者鼠标点击按钮进行输入,按空格键计算结果并显示数学算式,按回车只显示结果集,但是可以多次计算,按键盘C键清空。查看演示:http://39.105.0.128:45/chapter_3/text_3.2....原创 2019-11-12 22:10:57 · 503 阅读 · 0 评论