- 博客(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关注的人