Skip to content

记录我在学习前端学习过程中做过的小demo,js部分全用源生js实现。

Notifications You must be signed in to change notification settings

wangxiaoqiang1998/webdemo2

 
 

Repository files navigation

webProject

这个项目是我在学校学习的时候写的一些小demo,很多还有更好的写法,这里就当仅提供一些思路,抛砖引玉吧,欢迎您提出更好的建议共同讨论,谢谢!

图片特效系列

1、模仿网易去音乐实现3D效果图片轮播
2、模仿小米手机视觉差产品图片展示
3、淡入淡出式轮播图
4、点出左右按钮图片组切换轮播图
5、百页窗效果轮播图
6、模拟相册效果可点击放大左右切换
7、CSS3实现广告轮播器
8、实现电商网站放大镜效果
9、实现鼠标滑过文字信息动态出现
10、CSS3实现鼠标滑过动态显示信息
11、数组方法实现图片随机打乱和顺序排序
12、鼠标滑过旋转显示图片信息

菜单按钮系列

1、实现扇形旋转飞进飞出菜单栏
2、CSS3实现Google动感菜单
3、实现苹果任务栏菜单
4、CSS3实现动感光影垂直菜单栏
5、动感实现伸缩显示二级菜单
6、平形四边形中英文切换菜单栏
7、鼠标滑过旋转显示二级菜单栏
8、页面滚动到一定高度显示悬浮菜单
9、回到顶部按钮--缓冲效果
10、水波按钮
11、幽灵按钮
12、CSS3实现按钮温柔闪光灯效果

其它

1、DOM实现鼠标滑过右边动态显示详细信息
2、实现复选框全选、全不选和反选功能
3、CSS3实现钟表可走动
4、DOM实现拖拽购物车结账功能
5、实现抽屉式效果图片展示
6、鼠标滑过内容动态展开详细信息
7、键盘控制小球移动
8、CSS3绘画macBook
9、消除表情小游戏
10、DOM实现留言板功能
11、canvas实现鼠标画图功能
12、点出显示弹出框居中可移动
13、实现电脑桌面图标移动拖拽功能
14、随鼠标移动效果--按轨迹移动
15、自定义右键菜单改变背景图片
16、实现简易选项卡功能
17、数组方法实现文字查找和替换功能
18、实现网页换肤功能
19、数组方法实现文字搬运工
20、贪吃蛇小游戏
21、实现删除标签功能
22、夜晚星空闪烁
23、 数码时钟翻转切换数字
24、JS实现生成随机验证码并验证功能

About

记录我在学习前端学习过程中做过的小demo,js部分全用源生js实现。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 83.3%
  • JavaScript 9.8%
  • CSS 6.9%