web前端练手项目
关注
分享
扫一扫
web前端练手项目
hhhhhhe！
测试小白
展开
-
web前端练手小项目——仿照小米商城
大部分是静态页面，使用的js知识只有一点点实现的效果：实现的html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi...原创 2020-03-23 23:54:46 · 9214 阅读 · 2 评论 -
web前端练手小项目——使用js实现2048小游戏
实现的效果图：计分规则：每合并一次增加两个分游戏涉及到的文件：实现的html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...原创 2020-03-23 21:56:56 · 2657 阅读 · 0 评论 -
web前端使用jq实现无限循环窗口
效果图：实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title...原创 2020-03-20 14:11:54 · 438 阅读 · 0 评论 -
web前端利用jq实现折叠菜单
实现效果图：实现功能：在点击某一个一级菜单的时候，相应的二级菜单会下拉展开实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi...原创 2020-03-07 12:32:51 · 755 阅读 · 0 评论 -
web前端vue.js实现品牌列表增删筛选功能
效果图：功能：利用vue实现添加，删除，搜索的功能实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=...原创 2020-03-06 21:14:21 · 294 阅读 · 1 评论 -
web前端利用jq实现对联广告
实现的效果图：功能：当滚动条滚在中间时，窗口两边出现图片，可以用于广告图片的出现实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt...原创 2020-03-06 12:08:34 · 541 阅读 · 0 评论 -
web前端利用jq实现选项卡切换功能
最近在自学jQuery，利用jQuery现实了一下选项卡的切换实现效果如下图：功能：鼠标在各个标签中移动时，图片会显示相应的标题人物html、css、jq代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l...原创 2020-03-05 19:54:10 · 739 阅读 · 0 评论