当前位置: 首页  - 标签“HTML“ - 列表 免费服务器领取!

HTML

前端设计

CSS实现爱心形状动态加载条的方法

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

前端设计

CSS美化html文件上传按钮的方法

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

前端设计

js判断数组中是否存在某个值

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

前端设计

js获取上传文件类型以及大小的方法

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

前端设计

FormData 简单介绍与用法

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

前端设计

Jquery动态生成form表单并提交的几种方法

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

前端设计

html中checkbox与radio样式美化的简单实例

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

前端设计

纯css实现Loading加载效果

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

前端设计

纯CSS实现导航栏下划线跟随滑动效果

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

前端设计

input 输入内容长度限制的方法

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

前端设计

css设置文本超出隐藏并显示三个点的方法

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

前端设计

css设置placeholder的颜色样式的方法

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

前端设计

div可编辑时回车自动生成br标签的方法

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

前端设计

CSS画梯形的方法

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

前端设计

CSS实现网页内容禁止选中复制的方法

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

前端设计

CSS实现图片垂直翻转的效果

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

前端设计

CSS定义所有字母为大写的方法

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

前端设计

CSS实现修改表格偶数或奇数行的颜色

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

前端设计

CSS实现禁止button元素被点击的方法

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

1 2 3 4 5 末页
点击下拉

ZBLOG主题/插件定制开发流程

ZBLOG主题/插件定制开发流程