前端
神经兮兮的小饼
这个作者很懒,什么都没留下…
展开
-
html表单
属性 值 描述 accept audio/* video/* image/* MIME_type 规定通过文件上传来提交的文件的类型。 (只针对type="file") align left right top middle bottom HTML5已废弃,不赞成使用。规定图像输入的对齐方式。 (只针对type="image") al...原创 2020-04-08 15:27:23 · 207 阅读 · 0 评论 -
input type="radio" jquery判断checked的三种方法
input type="radio" jquery判断checked的三种方法:<inputtype="radio"name="radioname"value=""/>全部<inputtype="radio"name="radioname"value="Y"/>是<inputtype="radio"name="radioname"va...转载 2019-08-27 09:28:57 · 2225 阅读 · 0 评论 -
div的子元素的点击事件会触发父元素的点击事件(禁用事件的浮升)
问题:给一个很简单的例子,当点击第二个div的时候,会同时触发此div与其父元素的点击事件,按照官方的说法,这是事件的浮升,那么要怎么阻止这种情况呢?<div onclick="alert();"> <div onclick="alert();"></div></div>解决方案:使用 event.cancelBubble...原创 2019-08-22 12:22:01 · 3972 阅读 · 0 评论 -
html+css实现:渐变、发光、网格、
一、背景渐变 CSS linear-gradient() 函数1、CSS 语法background: linear-gradient(direction, color-stop1, color-stop2, ...);值 描述 direction 用角度值指定渐变的方向(或角度)。 color-stop1, color-stop2,... 用于指定渐变的起...原创 2019-08-16 11:05:57 · 3630 阅读 · 0 评论 -
修改alert样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>alert样式</title> <script src="jquery-3.4.0.min.js"></script> <s...原创 2019-08-14 11:02:00 · 493 阅读 · 0 评论 -
如何修改input中[type="radio"]和[type="checkbox"]的样式
一、利用css3伪元素实现样式修改思路:1. 可以为<label>元素添加生成性内容(伪元素),并基于复选框的状态来为其设置样式;2. 然后把真正的复选框隐藏起来;3. 最后把生成内容美化一下。解决方法:美化checkbox1. 一段简单的结构代码:<input type="checkbox" id="awesome" /><lab...原创 2019-08-14 10:24:33 · 2350 阅读 · 0 评论 -
html特殊字符 编码css3 content:"特殊符号"
项目中用到的一些特殊字符和图标html代码<div class="cross"></div>css代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 ...转载 2019-08-13 14:49:37 · 443 阅读 · 0 评论 -
html图片旋转3种方式—— CSS3 transform
html图片旋转有3中方式:ie 滤镜,CSS3transform,HTML5 canvasrotate参考文章:网页中图片旋转的几种实现方式CSS3transformcss3 的transform属性允许我们旋转、缩放和移动元素。 可以通过给它传递一个 rotate(度数) 值来旋转一个元素,正值表示顺时针方向旋转,负值表示逆时针方向旋转,旋转的中心点为元素的中心。浏览器...原创 2019-07-22 14:04:52 · 12202 阅读 · 0 评论 -
jquery 动态按钮绑定点击事件
一、Jquery实现点击事件的四种写法来自:https://blog.csdn.net/liutianjie/article/details/851127871. $(".tab").click(function () {})2. $(".tab").on("click",function () {})3. $(document).on("click", ".tab",fu...原创 2019-07-25 14:38:44 · 11641 阅读 · 0 评论 -
js数组与字符串的相互转换
一、数组转字符串需要将数组元素用某个字符连接成字符串,示例代码如下:var a, b,c; a = new Array(a,b,c,d,e); b = a.join('-'); //a-b-c-d-e 使用-拼接数组元素c = a.join(''); //abcde二、字符串转数组实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回,示例代码如下:var...转载 2019-07-29 09:11:43 · 112 阅读 · 0 评论 -
overflow 属性 以及元素框溢出实例
CSS overflow 属性详细解说可观看:菜鸟教程:https://www.runoob.com/css/css-overflow.htmlw3school:http://www.w3school.com.cn/cssref/pr_pos_overflow.asp定义:overflow 属性规定当内容溢出元素框时发生的事情。值:值 描述 visible ...原创 2019-07-24 10:42:20 · 411 阅读 · 0 评论 -
html表单
菜鸟: https://www.runoob.com/html/html5-form-attributes.html<form><form> 标签用于创建供用户输入的 HTML 表单。<form> 元素包含一个或多个如下的表单元素:<input> <textarea> <button> <selec...原创 2019-07-19 09:49:22 · 73 阅读 · 0 评论 -
JQuery学习—01初步使用
目录一、入口函数二、独立文件使用JQurey一、入口函数二、独立文件使用JQurey原创 2019-07-12 10:24:03 · 67 阅读 · 0 评论 -
HTML5——Canvas
什么是 canvas?HTML5 <canvas> 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成.<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。浏览器支持表格中的数字表示支持 <canvas> 元素的第一个浏览器版本号。...转载 2019-07-08 15:34:31 · 176 阅读 · 0 评论 -
HTML内联元素和块级元素,可替换与不可替换
目录html中内联元素和块级元素的区别按字母顺序排列块级元素主要有内联元素有可替换元素和不可替换元素html中内联元素和块级元素的区别按字母顺序排列块级元素主要有<address>定义地址<caption> 定义表格标题<dd> 定义列表中定义条目<div> 定义文档中的分区或节<...原创 2019-07-08 13:25:36 · 539 阅读 · 0 评论 -
WebStorm——Day1,介绍、快捷键、使用
WebStorm简介WebStorm建立在开源IntelliJ平台之上,JetBrains已经开发和完善了超过15年。其提供了统一的UI,可与许多流行的版本控制系统配合使用,确保在git,GitHub,SVN,Mercurial和Perforce之间提供一致的用户体验。WebStorm提供可定制功能,调整它以完全适合您的编码风格,从快捷方式,字体和视觉主题到工具窗口和编辑器布局。智能编码辅助...原创 2019-07-08 10:19:07 · 498 阅读 · 0 评论