Input标选择多文件后如何上传

开发工具与关键技术:Visual Studio 2015 JavaScript 作者:宁佐潮 撰写时间:2019.4.18 根据上篇文章选择文件后,接下来便是上传文件 我这里上传文件在js这边采取的是for循环添加,添加file到new的formData,然后new一个XMLHttpReques...

2019-04-16 09:40:41

阅读数 33

评论数 0

Input标签如何选择多文件

开发工具与关键技术:Visual Studio 2015 JavaScript 作者:宁佐潮 撰写时间:2019.4.18 一个input标签,当type为file时,可以用于选择文件,然后上传文件,但是一般input标签是默认选择一个文件的,不能多选,因该如何进行多选 其实很简单,加上一个mu...

2019-04-16 09:39:13

阅读数 30

评论数 0

鼠标拖动变化大小

开发工具与关键技术:Visual Studio 2015 JavaScript 作者:宁佐潮 撰写时间:2019.4.12 如何用鼠标拖动元素变化大小,首先获取要这个元素,然后分为三个阶段,第一步是鼠标按下时,得到鼠标当前的位置,还要获取到元素当前的宽高,宽高值记得用parseInt转换成数字,...

2019-04-16 09:36:52

阅读数 22

评论数 0

动态添加文本

开发工具与关键技术:Visual Studio 2015 JavaScript 作者:宁佐潮 撰写时间:2019.4.11 最近在做一个小功能,在网页制作图片,然后最后生成一张新的图片,现在是实现动态添加文本,首先,点击页面上的添加文字按钮打开添加文字模态框 其中有文字和背景是要打开layer...

2019-04-16 09:35:22

阅读数 12

评论数 0

音量的控制

在控制音乐的播放时,还有一个比较重要的就是音量,合适的音量才能使用户感觉舒适,下面是我写的一个动态控制音量 Html部分分为一个i标签和上方的移动灰色方块来控制音量 <div class="float-right mr-1 volid"> ...

2019-04-08 08:24:17

阅读数 31

评论数 0

在JavaScript中用正则表达式判断邮箱地址

开发工具与关键技术:Visual Studio 2015 JavaScript 作者:宁佐潮 撰写时间:2019.4.7 在注册中有需要用户输入邮箱地址,再输入完后用正则对用户输入的Email邮箱地址进行判断,但是这个时候有一个问题,在这里 @ 符号是C#的,如果直接在JavaScript中使用...

2019-04-07 17:50:56

阅读数 21

评论数 0

转向百度搜索

开发工具与关键技术:Visual Studio 2015 JavaScript 作者:宁佐潮 撰写时间:2019.3.31 在layer表格中进行搜索,当没有搜索结果时对用户进行询问是否在转向百度进行搜索 一共有两个layer数据表格 所以在搜索的时候先判断页面显示的是那个表格,然后再对相对...

2019-03-31 15:14:41

阅读数 8

评论数 0

验证码--拖动验证

开发工具与关键技术:Visual Studio 2015 JavaScript 作者:宁佐潮 撰写时间:2019.3.31 在上网的时候,大多数网站,App都有着登陆注册的功能,而在注册或者登陆,往往需要验证,验证码一般是防止恶意破解密码、刷票、论坛灌水、刷页、自动程序来不停的注册,主要用来区...

2019-03-31 15:09:02

阅读数 148

评论数 0

简单的实现弹幕功能

开发工具与关键技术:Visual Studio 2015 JavaScript 作者:宁佐潮 撰写时间:2019.3.31 在日常追剧中的,许多人都喜欢打开弹幕,因为评论往往才具有灵魂,接下来让我们一起制作一个简单弹幕功能 页面而已和样式十分简洁,不多说,直接上图片 主要部分,input用...

2019-03-31 14:59:09

阅读数 14

评论数 0

红包

在网络中,常常有人发一些虚假的红包,有此只是玩笑,但有些却可以盗取你的个人信息,下面我做了一个虚假的红包 由上图可见,这有一个红包的样子,然后当你点击的时候,它会抖动,然后中间有抽奖会在运动,最后随机一个奖项 不管你信还是不信,可能都会点一下领取,然后将到了填写信息的地方 从上面可以看到,这...

2019-02-23 16:47:05

阅读数 17

评论数 0

Js改变时钟时间

在上篇文章讲了如何用css来实现时钟的效果,但是它一刷新便是重新开始,不是我们想要的时间,那么如何解决这个问题呢,下面我将用JavaScript来实现 首先来看下最终的效果 时钟的时间和系统的时间是一致的,那是如何实现的,请看下面代码 <script>...

2019-02-23 15:07:22

阅读数 28

评论数 0

纯css实现时钟功能

时间与我们的生活密不可分,下面我将用css来实现一个简单的时钟,并且实现其功能 时钟主要分为两个部分,一个是four的表盘部分,一个为five的指针部分,six为表中心的一个小黑点,接下来开始样式的编写 首先,four表盘的样式,完成效果如下,想要多一些针可以自行添加 具体代码如下: .fou...

2019-02-23 15:05:35

阅读数 36

评论数 0

弹幕

在观看影片的时候,许多人都喜欢打开弹幕,评论往往才具有灵魂,接下来让我们一起制作一个简单弹幕功能 首先,html部分 在外层我用一个大盒子包含着,里面主要分为两个部分,一个是ul标签,这个是弹幕的放置地方,是动态添加的,所以我没有放置li标签,下面是一个form标签,里面分为input标签来让用...

2019-02-23 15:03:44

阅读数 45

评论数 0

如何做一个3D动画

本次做的是一个立方体,然后进行3d的旋转,这样给予用户立体的感觉 接下来开始html部分的构写,一个大的div,里面分为6个面,由于是做一个动画相册,我直接放了6张图片 Css样式:设置宽高,然后重点是外层的盒子要加上一个重要的属性: transform-style: preserve-3d; ...

2019-02-23 15:01:42

阅读数 27

评论数 0

时尚渐变

在现在,有许多选择了渐变来做为背景,比如QQ的登陆界面,还有许多手机也选择用渐变色,那么,接下来我将介绍如何做出渐变的效果 如图可见,渐变主要分为两种,线性渐变和 1.linear-gradient为线性渐变,如图1-图5所示,设置值为 background: linear-gradient(方...

2019-01-18 21:08:40

阅读数 16

评论数 0

随机函数的灵活调用

在JavaScript中,有这样一个函数,Math.random(),它可以随机生成一个0-1之间的函数,如下图所示: 那么,我们要如何来用它呢,下面我写了两个简单的例子,都是搭配数组来实现的,一个是 类似验证码的,一个是给一个div点击事件后随机变化颜色 这是两个div &l...

2019-01-18 16:54:31

阅读数 74

评论数 0

拖动元素

在做做华为官网顶部部分时,有一个为遮罩层的隐藏和显示,并且可以实现拖动的效果 首先遮罩层的写法,显示是点击Select Region时显示,给它加id,然后加点击事件,显示即可,隐藏是点击黑色透明的地方隐藏,点击盒子时不给隐藏,所以在这里我选择的布局是把它们两个分开,分成两个div,不包含在一起...

2019-01-18 15:10:55

阅读数 41

评论数 0

当鼠标移入另一元素时如何继续显示

在做做华为官网顶部部分时,购物车的隐藏与显示,当鼠标移入a标签时购物车显示,当鼠标离开a标签时要隐藏,但如果鼠标移入到购物车仍要显示 布局本来是一个a标签和一个div的盒子, 如果只是这样,当移出a标签时移入了div的盒子也不会显现 解决方法: 用一个div把a标签和里面的盒子包含起来 &...

2019-01-18 15:07:00

阅读数 83

评论数 4

时间的js代码

在javascript中,date是获取到系统当前的时间,但是他的格式和国人的习惯不同,那我接下来的代码就是一个关于时间位置的调整和不停调用让它有刷新的功能 最后有上传到腾讯云的链接 首先,获取到时间,然后分开获取到星期,年月日时分秒 var mydate = new Date();//...

2019-01-18 08:42:02

阅读数 80

评论数 0

原生JS轮播

在许多网站,或大或小,轮播是一个非常经典的js,是新手的必经之路,下面是我自己做的一个轮播,最后面有完整的代码和上传到腾讯云的链接 首先,布局 先是一个大的外层盒子,是给用户看的内容,里面分为三个部分,一个是img,图片内容 ImgBtn的盒子包含着全部的图片,用浮动来并排,用定位来确定...

2019-01-17 20:05:02

阅读数 105

评论数 0

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