# web

**Repository Path**: claim77/web

## Basic Information

- **Project Name**: web
- **Description**: No description available
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-03-06
- **Last Updated**: 2024-03-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 展示列表
记录自己前端的学习小例子，有按照视频学习的，也有自己看到效果进行仿照练习。

## javascript特效

###基础特效
- [求和](http://calmound.github.io/web/前端/javascript/求和.html)
- [换肤](http://calmound.github.io/web/前端/javascript/换肤/index.html)
- [换色](http://calmound.github.io/web/前端/javascript/换色.html)
- [改文字](http://calmound.github.io/web/前端/javascript/改文字.html)
- [弹出层](http://calmound.github.io/web/前端/javascript/弹出层.html)
- [输入法](http://calmound.github.io/web/前端/javascript/输入法.html)
- [提示框](http://calmound.github.io/web/前端/javascript/提示框/index.html)
- [音乐列表](http://calmound.github.io/web/前端/javascript/音乐列表.html)
- [函数传参](http://calmound.github.io/web/前端/javascript/函数传参.html)
- [任意改变样式](http://calmound.github.io/web/前端/javascript/任意改变样式.html)
- [setTimeout应用](http://calmound.github.io/web/前端/javascript/setTimeout应用.html)
- [鼠标移入改变样式](http://calmound.github.io/web/前端/javascript/鼠标移入改变样式.html)
- [自动播放幻灯片效果](http://calmound.github.io/web/前端/javascript/自动播放幻灯片效果/index.html)
- [图片列表改变其透明度](http://calmound.github.io/web/前端/javascript/图片列表改变其透明度/index.html)

### 运动
- [淡入淡出图片](http://calmound.github.io/web/前端/javascript/运动1/淡入淡出图片.html)
- [简单运动封装](http://calmound.github.io/web/前端/javascript/运动1/简单运动封装.html)
- [向右运动](http://calmound.github.io/web/前端/javascript/运动1/向右运动.html)
- [按需加载图片](http://calmound.github.io/web/前端/javascript/运动2/按需加载图片.html)
- [带运动效果的留言本](http://calmound.github.io/web/前端/javascript/运动2/带运动效果的留言本.html)
- [返回顶部](http://calmound.github.io/web/前端/javascript/运动2/返回顶部.html)
- [幻灯片](http://calmound.github.io/web/前端/javascript/运动2/幻灯片.html)
- [预判加载](http://calmound.github.io/web/前端/javascript/运动2/预判加载.html)
- [弹性菜单](http://calmound.github.io/web/前端/javascript/运动3/弹性菜单.html)
- [弹性过界](http://calmound.github.io/web/前端/javascript/运动3/弹性过界.html)
- [多向运动](http://calmound.github.io/web/前端/javascript/运动3/多向运动.html)
- [多值运动](http://calmound.github.io/web/前端/javascript/运动3/多值运动.html)
- [加减速](http://calmound.github.io/web/前端/javascript/运动3/加减速.html)
- [框架+摩擦运动](http://calmound.github.io/web/前端/javascript/运动3/框架+摩擦运动.html)
- [面向对象拖拽](http://calmound.github.io/web/前端/javascript/运动3/面向对象拖拽.html)
- [碰撞弹窗](http://calmound.github.io/web/前端/javascript/运动3/碰撞弹窗.html)
- [依次运动](http://calmound.github.io/web/前端/javascript/运动3/依次运动.html)
- [自由落体](http://calmound.github.io/web/前端/javascript/运动3/自由落体.html)

## jQuery实例

- [多选](http://calmound.github.io/web/前端/jQuery/多选.html)
- [表格变色](http://calmound.github.io/web/前端/jQuery/表格变色.html)
- [放大缩小](http://calmound.github.io/web/前端/jQuery/放大缩小.html)
- [模拟用户点击事件](http://calmound.github.io/web/前端/jQuery/模拟用户点击事件.html)

## HTML5+CSS3实例

- [倒计时](http://calmound.github.io/web/前端/HTML5+CSS3/倒计时/index.html)
- [七巧板](http://calmound.github.io/web/前端/HTML5+CSS3/七巧板/index.html)
- [transition基础](http://calmound.github.io/web/前端/HTML5+CSS3/七巧板/index.html)

## 综合实例

- [仿小米官网](http://calmound.github.io/web/前端/仿小米官网/index.html)