Erlo
昨天18:02 · HTML5视频播放练习:鼠标经过视频播放,鼠标移除停止播放,再次经过继续播放。

随着HTML5的广泛应用,在一些网站中,经常看到有些预览的短视频预览,鼠标经过就会播放,移除就会停止播放,再次移进去就会继续播放。 自己也研究着做一个比较简单的类似的练习。   视频可以自己到包图网下载,包图网的媒体首页...

HTML5视频播放练习:鼠标经过视频播放,鼠标移除停止播放,再次经过继续播放。
昨天16:02 · 解决高度塌陷问题

所谓高度塌陷就是在文档流中,父元素的高度默认是被子元素撑开的,也就是子元素多高,父元素就多高。但是当为子元素设置浮动以后,子元素会完全脱离文档流,此时将会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷。 由于父元素...

2018-11-16  · HTML5之全局属性 (声明:内容节选自《HTML 5从入门到精通》)

contentEditable ———————————————————————————————————————————————————————— 功能:允许用户编辑元素中的内容。 功能说明:       该元素必须是可以获得...

2018-11-16  · HTML(5)基础

 1、html常用标签 ...:标识预定义文本 是anchor的缩写,标签定义锚点和超链接,常与href属性连用表示超链接连接地址并用target来表示打开文档的方法:_blank表示在新窗口中打开、_parent表示在...

Vue.js之生命周期
2018-11-16  · Bootstrap4响应式布局之栅格系统

前面说了Bootstrap4的下载和简单使用,现在我们接着往下学习,Bootstrap4的响应式布局主要依靠栅格系统来实现的。面老K先来讲解一下Bootstrap4的栅格系统,让你能够更快的了解Bootstrap4.(P...

Bootstrap4响应式布局之栅格系统
2018-11-16  · 日期插件rolldate.js的使用

日期插件rolldate.js的使用  下载地址:http://www.jq22.com/jquery-info19834 效果:     代码:   DOCTYPE html> html lang="en"> head...

日期插件rolldate.js的使用
2018-11-16  · jQuery 遮盖层弹出后禁止页面滚动

css部分 .ovfHiden{     overflow: hidden;     height: 100%; }     js部分 $(".btn1").click(function(){    $('html,body').add...

2018-11-16  · CSS3多媒体查询

CSS2多媒体查询:   @media规则在css2中有介绍,针对不同媒体类型(包括显示器,便携设备,电视机,等等)可以定制不同的样式规则。   CSS3多媒体查询:   CSS3多媒体查询继承了CSS2多媒体类型的所有...

CSS3多媒体查询
2018-11-16  · web前端入门者的知识体系包括哪些东西呢?

入门者的知识体系包括哪些东西呢,下面是我的个人看法,按照这个流程走不一定立刻成为大牛,至少能让入门者抓住重点一步步走下去: 1. 基本工具使用Git/GitHub的熟练使用,编辑器(sublime、webstrom、...

2018-11-16  · html5手机浏览器启动微信客户端支付实例

html5手机浏览器启动微信客户端支付实例,外部浏览器html5微信支付技术,如何在手机浏览器微信支付,在微信客户端外的移动端网页使用微信支付     首先在微信支付官网https://pay.weixin.qq.c...

html5手机浏览器启动微信客户端支付实例
2018-11-16  · 自适应布局

请你说一说你知道的所有web布局方式? 1.浮动    float:left|right 2. inline-block      display:inline-block(行内块级) 3.flexible box(弹性盒子...

自适应布局
2018-11-16  · 自适应布局的那些事儿

请你说一说你知道的所有web布局方式? 1.浮动    float:left|right 2. inline-block      display:inline-block(行内块级) 3.flexible box(弹性盒子...

自适应布局的那些事儿
2018-11-16  · 关于canvas

本人也是刚自学了一点canvas,由于js技术也烂得不行,但是还是写了个demo,提供给canvas初学者。 1.canvas是html5的新标签,与img类似, 默认只有两个属性, width, height,可以直接...

2018-11-16  · 【代码笔记】JavaScript-JavaScript-JavaScript输出

一,效果图。 二,代码。 DOCTYPE html> html> head> meta charset="utf-8"> title>javascript 用法title> head> bod...

【代码笔记】JavaScript-JavaScript-JavaScript输出
2018-11-16  · 左侧固定,右侧自适应的布局方式理解margin负值理论

一.浮动布局 1.先让固定宽度的div浮动!使其脱离文档流。2.margin-left的值等于固定div的宽度相等。 .aside{ float: left; width...

2018-11-16  · JQuery 同时获取多个标签的指定内容并储存为数组

在网页开发中经常会碰到获取同种类型的 标签 的值得问题,比如下面的两种情况. 当需要批量获取同种标签的指定值时,新人就会碰上一点小麻烦. 比如 id=problem1的demo var list1=$("#probl...

JQuery 同时获取多个标签的指定内容并储存为数组
2018-11-15  · web前端(12)—— 页面布局2

本篇博文,主要就讲定位的问题,也就是页面布局里最重要的,本篇博文不出意外的话,也是css的最后一篇博文了   定位,position属性 定位有三种: 相对定位 绝对定位 固定定位   相对定位,po...

web前端(12)—— 页面布局2
2018-11-15  · web前端(11)—— 页面布局1

  要说页面布局的话,那就必须说说margin,padding,和background。这三个属性其实都是前面讲过的,这里还是再次讲解以下,为什么呢?因为是这样的,光靠前面的css样式来设置,你很可能会遇到以下的问题,而...

web前端(11)—— 页面布局1
2018-11-15  · 前端js获取checkbox的值

1、 var old = $("#old").val(); if (old != null && old != 'undefined' && old != '') { var Gbox=$("input:che...

2018-11-15  · longing加载中实例

利用图片播放 div class="wrap" id="wrap" style="position: inherit; height: 604px;"> div class="main"> sc...

2018-11-15  · (1-2)line-height的各类属性值

                    (1-2)line-height的各类属性值  首先来个疑问!没有问题印象不深嘛 一、line-height支持哪些属性值呢? 五只手指头就能数过来了咯。 比如normal, , ...

(1-2)line-height的各类属性值
2018-11-15  · Phaser3 对象池随机产生炸弹并销毁

效果图 对象池 Object Pool scene.js /// 'use strict'; var BootScene = new Phaser...

效果图
2018-11-15  · web前端(10)—— 浮动,清除默认样式

文档流 web页面和ps等设计软件有本质的区别,web 网页的制作,是个“流”,从上而下 ,像 “织毛衣”,就跟编程语言一样,都是由上而下 而设计软件 ,想往哪里画东西,就去哪里画   文档流带来的最明显的...

web前端(10)—— 浮动,清除默认样式
2018-11-15  · 小白学习web前端,学会这些你就是优秀的前端工程师了

随着时代的发展,现在从事IT方向的人有很多,所以励志要成为Web前端开发工程师的人有很多。当然也有很多人在不知道什么是Web前端?Web前端要学习什么内容?今天小编就来给大家解读一下Web前端。包括定义、学习的内容和工具...

小白学习web前端,学会这些你就是优秀的前端工程师了
2018-11-15  · DIV+CSS的命名规矩如何才能有利于SEO优化?

一、CSS文件命名规范 建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字。为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间...

2018-11-15  · CSS隐藏多余的文字

效果: 商品名称:新鲜现摘云南绥江半边红李子甜脆脱骨李6斤当季绿色有机水果包邮   p{      display: block;      overflow: hidden;      white-space: nowrap;      tex...

CSS隐藏多余的文字
2018-11-14  · Chrome F12调试工具常用技巧

原文地址:http://www.s.com/MuYunyun/p/5678405.html#3471461 阅读目录 Chrome调试工具介绍: 快速切换文件 在源代码中搜索 在源代码中快速跳转到指定的行 使用多个插...

Chrome F12调试工具常用技巧
2018-11-14  · web前端(8)—— CSS选择器

选择器   选择器,说白了就是html的标签或者其相关特性,在一个HTML页面中会有很多很多的元素,不同的元素可能会有不同的样式,某些元素又需要设置相同的样式,选择器就是用来从HTML页面中查找特定元素的,找到元素...

web前端(8)—— CSS选择器
2018-11-14  · IE8中jQuery.load()加载页面不显示的原因

一、jQuery.load()   jQuery.load(url,[data],[callback])通过Ajax异步请求加载服务器中的数据,并把数据放到指定元素中。 url :请求服务器的地址 data :可选项,请...

2018-11-14  · web前端(7)—— 了解CSS样式,引入css样式的方式

CSS 在前面大概的介绍了css,从本片博文开始,会详细的介绍它,在最开始介绍web前端时,打开百度首页,当时我提出了一个问题,为什么百度首页的输入框可以放在正中间,就是由于有css的控制,我们可以打开浏览器的调试界面...

web前端(7)—— 了解CSS样式,引入css样式的方式
2018-11-14  · ElementUI在IE11下兼容性修改

1、在项目里面使用了axios.js来发送http请求,在IE下报错Promise未定义,解决办法:   到http://bluebirdjs.com/docs/getting-started.html 下载 blueb...

ElementUI在IE11下兼容性修改
2018-11-14  · web前端入门学习(纯干货)

web前端怎么样才能入门,首先我们要从什么是初级web前端工程师说起: 按照我的想法,我把前端工程师分为了入门、初级、中级、高级这四个级别, 入门级别指的是了解什么是前端(前端到底是什么其实很多人还是不清楚的),了解基本...

web前端入门学习(纯干货)
2018-11-14  · jquery 根据自定义属性选择

div myattr="test">text/div> 使用$("div[myattr='test']")进行选择  

2018-11-14  · jQuery -- 光阴似箭(五):AJAX 方法

jQuery -- 知识点回顾篇(五):AJAX 方法 1. $.ajax 方法:用于执行 AJAX(异步 HTTP)请求。 DOCTYPE html> html> head> meta http-equiv="Cont...

jQuery -- 光阴似箭(五):AJAX 方法
2018-11-14  · JQuery——选择器

  简单介绍一下什么是选择器:选择器是CSS样式中用来选择页面元素的一个特有的方式,而JQuery的选择器同样也是如此,JQuery的选择器简单的分为一下这几种:1.常用的CSS选择器   标签选择器:E{ CSS规则 ...

2018-11-14  · jquery快速获得url 的get传值

1 2 function getSearch(){ 3 var parasArray = location.search.substr(1).split("&");//获得格式如 [name=Tommy...

2018-11-14  · 极速搭建RTMP直播流服务器+webapp (vue) 简单实现直播效果

  在尝试使用webRTC实现webapp直播失败后,转移思路开始另外寻找可行的解决方案。在网页上尝试使用webRTC实现视频的直播与看直播,在谷歌浏览器以及safari浏览器上测试是可行的。但是基于基座打包为webapp...

极速搭建RTMP直播流服务器+webapp (vue) 简单实现直播效果
JQuery模拟网页中自定义鼠标右键菜单
2018-11-13  · 博客园申请及页面定制CSS

一、背景   刚刚工作满一年,感觉到工作后在学习方面和之前还是有些不一样的:在校会有系统的整理归纳基础知识和逐步学习的一个过程,最后考试进行比较全面的知识掌握程度检测;而在工作上学习的内容很大程度上取决于你参与的项目所应...

博客园申请及页面定制CSS
2018-11-13  · jquery中点击切换的实现

项目中经常会遇到一种情况,就是点击切换,比如点击按钮,div样式为1,再点击一下按钮,div样式为2,再点击一下按钮,div样式为1。需要自定义jQuery方法toggle。 // toggle方法 ...

2018-11-13  · web前端css定位position和起浮float

div、h1或p元素常常被称为块级元素。这意味着这些元素显现为一块内容,即“块框”。与之相反,span和h3等元素称为“行内元素”,这是由于它们的内容显现内行中,即“行内框”。         在这种状况下,这个框称为无名块...

2018-11-13  · Flex 常用布局

1、flex布局 1.1  容器指定为flex布局 .box{display: flex;} 1.2 行元素指定flex布局 .box{display:inline-flex} 2、容器的属性 2.1、flex-direc...

Flex 常用布局
2018-11-13  · html input file accept

*.3gpp audio/3gpp, video/3gpp 3GPP Audio/Video*.ac3 audio/ac3 AC3 Audio*.asf allpication/vnd.ms-asf Adv...

2018-11-13  · 表头固定,表的主体设置滚动条

项目中遇到的问题,需要表头固定,给表主体设置滚动条。搜了很多种方法,bootstrap table也研究了一下。 下面是我们使用的方法。 表头放在div1中,表主体放在div2中,给div2设置固定高度,加样式overf...

2018-11-13  · @media 媒体查询

@media screen and (max-width: 300px) {     //当视口宽度小于等于300px时生效 }   max-width  相当于    @media screen and (min-width: ...

2018-11-13  · 【代码笔记】Web-JavaScript-JavaScript用法

一,效果图。   二,代码。 DOCTYPE html> html> head> meta charset="utf-8"> title>javascript 用法title> head中...

【代码笔记】Web-JavaScript-JavaScript用法
2018-11-13  · jQuery -- 光阴似箭(四):jQuery 遍历

jQuery -- 知识点回顾篇(四):jQuery 遍历 通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 DOM 进行遍历...

jQuery -- 光阴似箭(四):jQuery 遍历
2018-11-13  · jquery 增加与删除数组元素

1.数组元素的添加 demoArray.push(value); 1 var demo=new Array(); 2 var key=[4,5]; 3 demo.push(1);//插入数字...

2018-11-12  · 属性继承~(总结类、持续更新系列)

属性继承      有时候你会发现给一个元素设置一些样式后,它的后代也跟着发生变化,这种扯淡的行为我们叫做属性继承。        那么问题来了,哪些属性可以继承,哪些又不可以呢?          可以继承的属性:1.col...

2018-11-12  · 微信网页授权获取code

(function(){ var code = GetQueryString('code'); if(code){ alert(code) ...

微信网页授权获取code
2018-11-12  · 谷歌浏览器实现跨域

大家在做http请求的时候可能会遇到跨域问题,这里为大家提供解决方案,亲自实验有效。 一般是报上述错误。   首先在C盘新建一个文件夹,命名按照下面的来。 打开谷歌浏览器的设置 在“目标” 的exe后面添加下面这段内...

谷歌浏览器实现跨域
2018-11-12  · jQuery -- 光阴似箭(三):jQuery 操作 HTML 元素和属性

jQuery -- 知识点回顾篇(三):jQuery拥有操作 HTML 元素和属性的强大方法。 1. 获取HTML 元素的内容和属性   (1) 获得内容:  text()、html() 以及 val()方法 DOCTYP...

jQuery -- 光阴似箭(三):jQuery 操作 HTML 元素和属性
2018-11-12  · GIT 常用命令

 学无止境,精益求精!十年河东,十年河西,莫欺少年穷!学历代表你的过去,能力代表你的现在,学习代表你的将来!本篇博客是转发的别人的,原文地址:http://www.ruanyifeng.com/blog/2015/12/g...

GIT 常用命令
2018-11-11  · web前端(6)—— 标签的属性,分类,嵌套

属性 HTML标签可以设置属性,属性一般以键值对的方式写在开始标签中   1.HTML标签除一些特定属性外可以设置自定义属性,一个标签可以设置多个属性用空格分隔,多个属性不区分先后顺序。 2.属性值要用...

web前端(6)—— 标签的属性,分类,嵌套
2018-11-11  · web前端(4)—— 常用标签1

标题标签h1~h6 顾名思义,这些就是把字体设置为大字体的,就如博客园的这个编辑器里的格式:   不信的话我们自己设置看看:好的,从本篇文章开始,我们需要动手了   test...

web前端(4)—— 常用标签1
2018-11-11  · web前端(3)—— html标签及web页面结构

    本节内容简单介绍下html都有哪些标签 还是百度首页,查看源代码看看:     我把源代码复制下来另存为html文件里:   注意:网页文件的后缀都是html或者htm 我这用的pycharm编辑...

web前端(3)—— html标签及web页面结构
2018-11-11  · 解决ie6中png图片格式不兼容问题

在IE6中对图片格式png24支持度不高,如果使用的图片格式是png24,则会导致透明效果无法正常显示 解决方法:   1.可以使用png8来代替png24,即可解决问题,但是使用png8代替png24以后,图片的清晰图...

2018-11-11  · web前端(1)——了解什么是前端,以及与后端的关系

简介   1.什么是web前端 说这个之前,我们先了解web前端工程师是干什么的,百度百科的解释: Web前端开发工程师,主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进...

web前端(1)——了解什么是前端,以及与后端的关系

热门文章

> <

Erlo大厅()

* 这里是“Erlo大厅”,在这发言所有人都可以看到。只保留当天信息

  • Erlo.vip2018-11-18 00:21:33Hello、欢迎使用Erlo大厅,这里是个吐槽的地方。
  • 首页 源码分享 新闻资讯 ERLO 搜索
    鼠标试试
    返回顶部