![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS特效
沉默的小猴子
这个作者很懒,什么都没留下…
展开
-
JS原生编写实现留言板功能
实现这个留言板功能比较简单,所以先上效果图:实现用户留言内容,留言具体时间。<script> window.onload = function(){ var oMessageBox = document.getElementById("messageBox"); var oInput = document.getElementById("myInput"); ...原创 2018-11-09 16:41:22 · 2786 阅读 · 0 评论 -
用JS写一个网站树形菜单
先上效果图:主体内容就是侧边展示的一二三级菜单,树形结构的。前端页面布局内容,页面内容简单用ul li 来完成所有的罗列项。用先后顺序来区分一级二级三级:&lt;body&gt; &lt;b&gt;&lt;img src="images/fold.gif"&gt;树形菜单:&lt;/b&gt; &l原创 2018-11-08 15:06:25 · 10988 阅读 · 1 评论 -
使用JS写一个计算器
先上效果图:简单的加减乘除功能还是有的,所以我们就考虑怎么来实现这个功能。根据预期效果,可以确定页面中的布局要用到table tr td。所以先放上页面布局,table的边框宽度border,colspan来设置某一行的宽度为4倍一列宽度,显示结果的地方要显示输入的所有值,先用id来区分,给value一个空,来获取其他按钮键入的value值,用name来命名:<body> ...原创 2018-11-08 15:27:23 · 20201 阅读 · 4 评论 -
原生JS写表单验证提交功能
先上效果图:表单的基础内容就是昵称判断、手机号判断、邮箱判断、身份证号码判断,这里是用到正则验证检验格式。页面的表单写法就是一个form的提交。输入框用input来实现,输入内容用value来获取。每个输入框用唯一的ID名字来标记:<body> <div class="content"> <div class="title">用户注册<...原创 2018-11-08 15:45:27 · 4587 阅读 · 0 评论 -
VUE+element开发后台管理的搜索功能
先看看样式图:实现上面这种简单搜索简单的三步走:1.页面样式:在页面中使用form表单的校验功能来实现输入搜索。给表单的数据放入搜索请求的data数组中,也就是searchParams这个大集合中。备注:如果给每个输入框添加了搜索按钮的click方法,则会在输入完成后直接执行列表搜索。所以考虑自己使用的具体位置。<div class="search"> <el-...原创 2019-06-11 16:48:41 · 13384 阅读 · 2 评论