WebProject
记录我在学习前端学习过程中做过的小demo,js部分全用源生js实现。
Install / Use
/learn @YUUXIAO/WebProjectREADME
webProject
这个项目是我在学校学习的时候写的一些小demo,很多还有更好的写法,这里就当仅提供一些思路,抛砖引玉吧,欢迎您提出更好的建议共同讨论,谢谢!
图片特效系列<br>
1、模仿网易去音乐实现3D效果图片轮播<br> 2、模仿小米手机视觉差产品图片展示<br> 3、淡入淡出式轮播图<br> 4、点出左右按钮图片组切换轮播图<br> 5、百页窗效果轮播图<br> 6、模拟相册效果可点击放大左右切换<br> 7、CSS3实现广告轮播器<br> 8、实现电商网站放大镜效果<br> 9、实现鼠标滑过文字信息动态出现<br> 10、CSS3实现鼠标滑过动态显示信息<br> 11、数组方法实现图片随机打乱和顺序排序<br> 12、鼠标滑过旋转显示图片信息<br>
菜单按钮系列<br>
1、实现扇形旋转飞进飞出菜单栏<br> 2、CSS3实现Google动感菜单<br> 3、实现苹果任务栏菜单<br> 4、CSS3实现动感光影垂直菜单栏<br> 5、动感实现伸缩显示二级菜单<br> 6、平形四边形中英文切换菜单栏<br> 7、鼠标滑过旋转显示二级菜单栏<br> 8、页面滚动到一定高度显示悬浮菜单<br> 9、回到顶部按钮--缓冲效果<br> 10、水波按钮<br> 11、幽灵按钮<br> 12、CSS3实现按钮温柔闪光灯效果<br>
其它<br>
1、DOM实现鼠标滑过右边动态显示详细信息<br> 2、实现复选框全选、全不选和反选功能<br> 3、CSS3实现钟表可走动<br> 4、DOM实现拖拽购物车结账功能<br> 5、实现抽屉式效果图片展示<br> 6、鼠标滑过内容动态展开详细信息<br> 7、键盘控制小球移动<br> 8、CSS3绘画macBook<br> 9、消除表情小游戏<br> 10、DOM实现留言板功能<br> 11、canvas实现鼠标画图功能<br> 12、点出显示弹出框居中可移动<br> 13、实现电脑桌面图标移动拖拽功能<br> 14、随鼠标移动效果--按轨迹移动<br> 15、自定义右键菜单改变背景图片<br> 16、实现简易选项卡功能<br> 17、数组方法实现文字查找和替换功能<br> 18、实现网页换肤功能<br> 19、数组方法实现文字搬运工<br> 20、贪吃蛇小游戏<br> 21、实现删除标签功能<br> 22、夜晚星空闪烁<br> 23、 数码时钟翻转切换数字<br> 24、JS实现生成随机验证码并验证功能<br>
Related Skills
node-connect
347.6kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
108.4kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
347.6kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
347.6kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
