JS

站长资源全栈工程师阅读(1263)评论(0)

我们经常看到图片上传之后有预览，而一般的表单上传组件是获取不到文件真实路径的，那么如何实现，当然可以配合后端，存储之后再进行显示，这样不免会浪费资源。当然也有使用createObjectURL()方法的，也有使用html5的FileRead...

站长资源全栈工程师阅读(1119)评论(0)

首先和其他前端的验证一样，并不推荐只使用单一的前端来验证，今天我们只是作为学习层面来讲解如何用JS实现验证码功能。 先写一个基本的html结构 <div class="box"> <input type="text" pl...

站长资源全栈工程师阅读(1111)评论(0)

点赞如今在网络上可以说是随处可见，怎么和粉丝互动，那可不就是刷屏，关注，点赞吗。 今天我们就来看看如何实现这个点赞小功能 1、首先有个点赞的手型图标 2、点击后需要再原有的点赞基础上+1 3、这个+1和点赞的图标要稍微有点逼格(加点小动画)...

站长资源全栈工程师阅读(1162)评论(0)

一些web技术类博客以及素材代码的网站中，我们经常会看到可以在线运行代码，很多朋友都对此感到很神奇，其实原理大家明白之后大家就恍然大悟了。 今天就教给大家如何给自己的网站增加一个代码运行框 实现的思路 1、我们需要一个文本框来接收我们的代码...

站长资源全栈工程师阅读(1132)评论(0)

网页漂浮广告，大家都见到过，虽然用户体验不好，但是曝光效果显而易见，所以还是有很多人有这方面需求，大多用到这些需求都是网上找的插件来实现，难免会多出很多冗余代码，自己也不知其所以然。今天站长资源网就给大家详细讲解如何实现漂浮广告效果。 首先...

站长资源全栈工程师阅读(1083)评论(0)

星星评分效果大家在购物的时候经常会看到，网上也有不少实现方法但是大多都太复杂，对于新手朋友来说看起来云里雾里，今天就详细的教给大家一个最简单的实现思路。 首先写一段html结构： <div> <ul> <li ...

站长资源全栈工程师阅读(1040)评论(0)

网站页面太长，用户想返回到顶部会比较困难，现在大部分网站都会出现一个返回顶部的按钮来方便用户，当然我们可以利用href=”#”空锚点特性实现，不过这样又过于生硬，一般都是配合少许动画看起来才不会那么不生硬。 首先我们...

站长资源全栈工程师阅读(1163)评论(0)

双层for循环在JS入门中还是比较难理解的，常见的九九乘法表相信大家都练习过，今天我们用双层for循环来输出一个黑白相间的方格，帮助大家加深印象。 先写一个简单的html结构: <div> <ul id="bg">&...

站长资源全栈工程师阅读(1332)评论(0)

垂直折叠菜单(手风琴)在网站的侧边栏是很常见的展示方式，实现的方式也是多种多样，其实原理上来说与tap选项卡有异曲同工之处。 今天我们就来给新手朋友详细讲解下如何实现垂直折叠菜单。 例如有这么一段html基础代码 <div class...

站长资源全栈工程师阅读(1172)评论(0)

我们都知道浏览器默认的，alert弹窗，radio单选框，复选框checkbox，下拉框select样式实在是十分丑陋，很多UI框架都进行了重写，多数朋友并不理解是如何实现的，今天通过下面的一个小例子或许能打开你的思路之门。 系统自带的组件...