自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 点击按钮使网页回到顶部,网页下滑一定距离后,按钮显示,回到顶部后隐藏

点击按钮使网页回到顶部,网页下滑一定距离后,改变按钮的样式属性opacity为1,按钮显示,回到顶部后,改变按钮的样式属性opacity为0,按钮隐藏。

2024-02-02 11:56:07 427

原创 jqurey实现网页向下滑动一定距离后,给div添加active属性,滑动到顶部时删除active属性

【代码】jqurey实现网页向下滑动一定距离后,给div添加active属性,滑动到顶部时删除active属性。

2024-01-31 18:11:08 100

原创 使用jqurey实现点击button按钮复制div里的文本到剪切板,复制成功后浏览器默认弹窗提示复制成功完整代码

【代码】使用jqurey实现点击button按钮复制div里的文本到剪切板,复制成功后浏览器默认弹窗提示复制成功完整代码。

2024-01-31 18:09:43 279

原创 使用jqurey实现点击button按钮复制div里的文本到剪切板,并使用layui的弹窗提示复制成功的完整代码

【代码】使用jqurey实现点击button按钮复制div里的文本到剪切板,并使用layui的弹窗提示复制成功的完整代码。

2024-01-31 18:06:25 192

原创 二级导航点击后的显示和隐藏js代码

使用jqurey实现点击一级导航显示二级导航,并且点击另一个一级导航时,前面显示的二级导航隐藏,再点击当前一级导航时,隐藏当前二级导航。二级导航的显示和隐藏。

2024-01-31 17:58:19 135

原创 vue+Element-ui实现登录注册表单

效果图如下注册登录表单登录的实现,需要通过手机号或者邮箱进行登录,验证手机号或者邮箱符合要求// 登录表单验证的代码// template的代码<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" > <el-form-item prop="user"> <el-input.

2021-07-27 17:22:09 92 2

原创 vue系列---【vue项目中element-ui如何实现在登陆之前进行预校验?校验通过才允许调后台接口】

需求:点击登陆,先校验,校验通过再调后台接口1.给登陆按钮绑定点击事件:@click="login";2.实现login函数,并调用validate方法,返回值为true,则说明验证通过,再去调后台登陆接口。代码如下:<template> <div class="login-container"> <div class="login_box"> <!--头像区域--> <div class="avatar.

2021-07-27 15:13:46 29

原创 vue系列---【vue项目中element-ui如何实现点击重置按钮,重置表单数据?】

vue系列---【vue项目中element-ui如何实现点击重置按钮,重置表单数据?】需求:点击重置按钮,重置登陆表单 1.在表单中引入ref="loginFormRef"属性,loginFormRef值可以自定义; 2.给重置按钮绑定点击事件:@click="resetLoginForm"; 3.实现点击事件触发的方法,得到引入的属性值对象,调用resetFields方法,即:this.$refs.loginFormRef.resetFields()代码如下:<templa

2021-07-27 15:10:48 353 2

原创 下划线动画效果

方法通过css3的transform和transition属性来实现代码下划线从左到右效果<!DOCTYPE><html><head> <meta charset="utf-8"/> <title>下划线动画</title> <style> /*先把a的原有下划线样式给清除*/ a,a:link,a:visited,a:focus{...

2021-07-25 11:55:10 72

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除