
前端学习
小洪鸭
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
实现带圆角的渐变边框(border-image和border-radius不能同时生效问题)
实现效果:渐变圆角边框(效果如下)已知,border-image可以给边框设置渐变效果,border-radius可以设置圆角。ok!然鹅,我的圆角呢!!!布吉岛为什么,写了border-image之后,我的border-radius就无效了!!!哭泣!!!但是,换个思路!不用border-image也可以解决的思路!不如就让我们试试用border-radius和background-image来实现吧!首先给一个div设置渐变背景颜色,然后设置一个paddi..原创 2020-05-23 00:32:19 · 14811 阅读 · 7 评论 -
[MOOC]JavaScript深入浅出01——数据类型
一、js有6中数据类型:1.原始类型:number、string、boolean、null、undefined2.object 对象(包括数组Array、Date、Function)二、js中的隐式转换1.“37” - 7 => 30; “37” + 7 => 377;巧用+/-规则转换数据类型: 将一个变量转换为number类型:num-0 将一个numb...原创 2018-12-02 09:53:28 · 300 阅读 · 0 评论 -
js实现鼠标悬浮元素出现/隐藏效果
参考慕课网视频:https://www.imooc.com/video/2879实现效果比较简单,实现方法也不难,但有些细节需要注意。最终效果如图:鼠标移到“分享”上方时,粉红色div缓慢出现:鼠标移开时,自动缓慢隐藏 实现思路:首先是给div定义一个left,且值为负数,使之隐藏。通过js鼠标事件,使用定时器,改变left的值。 实现代码:<!D...原创 2018-12-05 09:55:51 · 7729 阅读 · 0 评论 -
js正则表达式判断手机号、邮箱格式
手机号判断: var reg = /^1[3456789]\d{9}$/;if (!reg.test(phone)) {//不符合}邮箱判断:var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;参考:https://blog.youkuaiyun.com/qq_31301099/arti...转载 2019-04-17 23:45:03 · 458 阅读 · 0 评论 -
实现提交表单前先勾选复选框,判断复选框状态
在完成注册功能时,有时候需要实现以下功能(先勾选同意协议,才可以进行下一步):1.提交表单前判断表单中输入框的状态:(1)在form中加上onsubmit="return check()",注意要加上return<form action="/home/reg/register" method="post" onsubmit="return check()">...原创 2019-04-18 12:13:24 · 3101 阅读 · 0 评论 -
html+js实现点击按钮复制文本内容到剪切板上
首先需要定义一个input框,如果你想实现的效果是,用户输入后,点击按钮,复制文本框的内容,那这种做法应该是很适合的。<input type="text" value="" id="wechat">在js中:$(".copy-btn").click(function() { var e = document.getElementById("wechat")...原创 2019-07-15 09:22:10 · 17250 阅读 · 0 评论