一半设计一半前端
鹤望岚
首页
前端教程
HTML教程
CSS教程
JavaScript教程
jQuery教程
界面设计
案例集
CSS3案例集
JavaScript案例集
学生实训作品
zblog建站
前端资源
工具
书籍
酷站推荐
文章归档
项目代码下载
导航菜单
首页
前端教程
HTML教程
CSS教程
JavaScript教程
jQuery教程
界面设计
案例集
CSS3案例集
JavaScript案例集
学生实训作品
zblog建站
前端资源
工具
书籍
酷站推荐
文章归档
项目代码下载
Previous slide
Next slide
最近更新
JavaScript案例集
Vue版本的todos本地任务清单!
前面用ES6写了一个 todos,这里放一个Vue版本写的,可以通过代码对比,看看Vue和原生js的区别。用ES6写了一个todos,本地任务清单!点击图片看效果。核心代码:const fi...
2023年07月28日
1501
JavaScript案例集
利用lottery.js和anime.js实现一个抽奖小转盘
几乎每年快过年的时候,我都要为公司写一个抽奖小游戏,而且每次抽奖我都能中奖,记得有一年我拿到二百多的号码,结果中了二等奖,奖品是一个挂烫机。有一年拿到三百多的号码,中了三等奖,奖品是一个床上四件套。搞...
2023年07月10日
1357
JavaScript案例集
jQuery+localStorage实现本地任务清单
HTML5增加了localStorage本地存储,比以前的cookie小饼干存放的数据增多了,还是很好用的,用来存放用户信息或者做一个本地的任务清单还是绰绰有余的。点击图片直接看具体效果。功能:1、如...
2023年07月08日
803
JavaScript案例集
HTML5拖拽API实现本地拖拽或点击选择多张图片显示缩略图
关于HTML5拖拽API的具体教程可以移步到教程区查看:HTML5新增的拖拽上传API下面这个案例实现了拖拽或者点击选择多张图片,显示缩略图,并且可以删除缩略图等效果。点击图片查看具体效果。1、可以在...
2023年07月05日
821
JavaScript案例集
利用正则验证表单登录数据合法性
关于正则的教程,可以查看:正则这个火星文!学完正则后,可以通过表单登录来练习正则的使用。点击图片可以查看具体效果。功能:1、输入框获得光标时,出现提示要输入数据的格式的tips。2、用户名要求字母开头...
2023年07月04日
828
JavaScript案例集
商城购物车ES6原生js实现零漏洞
以前写购物车,总是或多或少会留下几个小bug被学生捉虫,这次把以前jQuery写的一个商城项目的购物车单独拎出来,用原生js(ES6)再写一次,希望是零漏洞了。点击图片看效果。功能:很多很多小细节,就...
2023年07月02日
776
JavaScript案例集
原生js实现放大镜效果
现在都是手机端,使用放大镜功能的情况很少了,把以前电商网站中的放大镜效果单独拎出来,用原生js写一遍。点击图片查看具体效果。放大镜核心功能在于小方块在小图上移动距离的比例和大图移动的比例是一样的。当然...
2023年07月01日
1213
JavaScript案例集
克隆节点实现无缝幻灯片的滑动
做过很多种类型的幻灯片,无缝滑动幻灯加上自动播放应该是幻灯最常见的形式,各大组件库提供的幻灯也一般是这种形式。那这次用原生js实现一个。点击图片看效果。功能:1、默认自动播放,鼠标经过停止,移开继续自...
2023年07月01日
695
JavaScript案例集
仿优设网站的幻灯片
优设是一个设计师喜欢的网站,仿一个它的幻灯片。点击图片查看具体效果。功能:1、数组存放图片路径和标题信息。2、点击上一张、下一张图片滑动切换。3、图片切换的时候标题的高亮对应切换。4、点击标题可以切换...
2023年06月14日
744
JavaScript案例集
利用ajax+mock.js+echarts.js模拟汽车销量饼状图
现在的人都不习惯看表格数据了,很多数据都用的可视化图表来展现,Echarts是其中最出名的开源库,百度出品,有兴趣可以去官网看看。https://echarts.apache.org/zh/index...
2021年12月20日
884
‹‹
1
2
›
››