HTML

下面记录一个利用纯CSS样式代码实现一个爱心形状的动态加载条，用到了CSS中的动画效果与伪元素样式，有一定的参考价值。感兴趣的小伙伴，不妨测试一下。纯CSS实现心形加载动画效果1、动画效果2、示例代码<style>#he{display: flex;justify-content: center;align-items: ce

写了一个带有表单的html页面，发现原生的 input 文件上传输入框样式太丑了，就琢磨着自己写个美化的样式，下面就是 html input 文件上传样的美化方法，单纯的只用CSS实现，很简单的。CSS 美化input上传按钮样式的方法美化实现逻辑：1、用 div 元素写一个美化的上传按钮2、将 input 上传按钮的透明度设置为 0 ，

JS脚本判断数组中是否有某个指定的值，有多种方法，下面简单的介绍一下。JS判断数组中是否含有某个值1、JavaScript indexOf() 方法array.indexOf：判断数组中是否有某个值，如果有则返回元素的下标，如果没有则返回 -1示例代码：var arr = ['mochu','feiniaomy.c

前端web上传文件时，需要在上传之前判断一下文件的类型以及文件的大小，HTML为前端的标记语言是无法做到这一点，只能使用javascript 动态脚本代码来实现。js获取上传文件大小的方法示例代码：<!--表单数据--><form name="form1" id="form1"&g

FormData是XMLHttpRequest Level 2提供的一个接口对象，用以将数据编译成键值对，以便于XMLHttpRequest来发送数据。它可以用来模拟来添加，删除或判断表单数据，还可以用于文件的上传操作。FormData 使用方法1、FormData 用来处理一个html表单数据例：<!--表单数据--><

下面列几种利用jquery插件实现创建form表单，并自动提交数据的方法，一般在隐藏的数据提交并跳转页面时使用，非常的方法实用。jquery动生成form表单并提交的方法方法1：先来个稍微复杂点的，很多元素都是动态的写入form表中的，然后再将form表单写入到dom文档流中，进行提交的！示例代码：//创建form表单var form =

html元素中checkbox与radio元素的样式在每个浏览器中显示的效果是不同的，为了统一它们在各个品牌浏览器中的显示样式，我们可以对它们做个简单的美化。html checkbox 元素美化实例：使用纯CSS代码就可以实现 checkbox 元素的美化，只需要隐藏掉 checkbox 选择元素，并使用css中的相邻兄弟选择器，来控制他

写几个利用纯CSS实现loading加载效果的示例，代码非常的简单，有需要的可以参考一下。CSS实现Loading加载的效果例1：loading 直线加载实例代码：<style>.load{width:120px;height:20px

web页面中使用一些CSS动画效果，可以使用网站看着更加的炫酷。下面这篇博文由飞鸟慕鱼说一个关于网页导航栏实现下划线跟随滑动效果的方法，此方法全部由CSS代码实现，非常的简单方便。CSS导航栏下划线跟随滑动效果示例图：实现代码：下面示例代码，复制保存到本为为html格式的文件，即可查看！<style>.items {disp

在写前端时，有一个小功能就是要限制一下 input 输入框输入内容的长度，下面就提供一种简单的方法。input maxlength 属性input 的 maxlength 属性可以限制 input 输入内容的长度，其用法也非常的简单。语法：<input maxlength="number">参数：numbe

前端的html元素中，如果文字内容超出的其父元素的范围，该如何操作呢，下面就给出了一种CSS设置文本内容超出隐藏并显示三个点(省略号)的方法。CSS设置单行文本超出隐藏并显示三个点的方法示例代码：<style>#mo{width: 450px;border:1px solid #ccc;padding: 5px;/*下面设置文

写前端的一个input输入框的样式时，需要修改一下 input placeholder属性值字体的颜色，网上查了一下非常的简单，但也要记录一下，方便以后查看。CSS 设置修改 placeholder 的样式的方法使用下面的CSS选择器，就可以对指定的输入框 placeholder 属性进行设置！选择器代码：input::-webkit-i

利用jq脚本来判断某个DIV元素是否存在是件很简单的事情，只需要获取指定元素的个数即可，下面是实现代码。jquery判断指定的html元素是否存在的方法1、jq判断指定ID的元素是否存在示例代码：<div id="m1"></div><script>if($('#m1'

记录几个CSS属性定义文本换行，不换行以及超出隐藏显示省略号的方法。CSS定义文本自动换行div{ word-wrap:break-word; word-break:normal;}CSS强制英文单词换行div{ word-break:break-all;}CSS强制不换行的方法div{ white-space:nowra

在使用可编辑的DIV标签做为输入框时，发现按回车后会自动生成一个div元素，如果想回车时直接生成一个br的标签该如何做呢？下面就介绍一种利用JQ实现可编辑DIV标签按回车后生成<br/>标签的方法。div可编辑时回车自动生成<br/>标签的方法在浏览器中，div可编辑时如果按回车，会自动生成一个DIV或P标签。可以

CSS画梯形的方法是很多的，下面就给出几个示例，各位参考一下。CSS画梯形的方法方法1：<style>#m{height: 0;width: 100px;border-top: 100px solid red;border-right: 37px solid transparent;}</style><div

现在很多网站的站长，都不喜欢别人任意复制自己网站上的内容。为了防止别人复制自己网站的内容，使用了各种各样的方法。下面就介绍一种。CSS user-select 属性user-select：规定指定元素中的内容是否被用户选中。语法：p{ user-select:none}可选值：auto：默认。如果浏览器允许，则可以选择文本。none：防止

在css中，可利用transform属性实现垂直翻转效果，此属性可对DIV元素，图片元素都有效果。而这篇博文所要说的图片垂直效果也要使用这个CSS属性。CSS 实现图片垂直翻转的方法实现代码：<img src="https://www.feiniaomy.com/zb_users/upload/2020/08/202008

在css中有一个属性 text-transform ，如果取其值为 uppercase 时，可以将所有的小写字符转为大写。其使用方法如下！CSS text-transform 属性text-transform：转换指定元素的中文章语法：p {text-transform:uppercase}可取值：none：默认。定义带有小写字母和大写字

在前端web页面中，美化表格时一般都是使用隔行变色的方案。而这种方案实现起来也非常的简单....table表格隔行变色的方法table表格选择奇数行或偶数数要利用CSS中的 nth-child() 选择器，其 nth-child() 选择器中的值可以是数字，关键词或公式。nth-child(2n-1) //奇数行nth-child(odd

如果CSS中的 pointer-events 属性，设置其值为 none 的话，可以禁止 button 元素被点击，并且也可禁止其 JS 点击事件。CSS pointer-events 属性pointer-events：设置元素是否对指针事件做出反应语法：pointer-events: auto|none;可选值：auto：默认值，可以