https://github.com/vxhly/web-demo

html+css+jquery 实例
https://github.com/vxhly/web-demo

css3 html5 jquery

Last synced: about 1 month ago
JSON representation

html+css+jquery 实例

• Host: GitHub
• URL: https://github.com/vxhly/web-demo
• Owner: vxhly
• License: mit
• Created: 2017-03-28T13:49:09.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-04-02T10:32:01.000Z (about 7 years ago)
• Last Synced: 2025-03-30T06:03:56.267Z (2 months ago)
• Topics: css3, html5, jquery
• Language: CSS
• Size: 26.7 MB
• Stars: 12
• Watchers: 1
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# web-demo

> 自己做的前端实例，分享给大家

## demo

- **[demo-1](https://github.com/vxhly/web-demo/tree/master/demo-1)**

  -  => 模仿手机九宫格手势密码 => `html5`+`jquery`

-  **[demo-2](https://github.com/vxhly/web-demo/tree/master/demo-2)**

  -  => 无缝滚动 => `html5`+`css3`

-  **[demo-3](https://github.com/vxhly/web-demo/tree/master/demo-3)**

  -  => 优化右键菜单 => `html5`+`css3`+`jquery`

-  **[demo-4](https://github.com/vxhly/web-demo/tree/master/demo-4)**

  -  => css3 自定义滚动条 => `html5`+`css3`

-  **[demo-5](https://github.com/vxhly/web-demo/tree/master/demo-5)**

  -  => 随机动画 => `html5`+`css3`+`jquery`

-  **[demo-6](https://github.com/vxhly/web-demo/tree/master/demo-6)**

  -  => 3D侧翻切图效果 =>`html5`+`css3`+`jquery`

-  **[demo-7](https://github.com/vxhly/web-demo/tree/master/demo-7)**

  -  => 3D侧翻图片可点击轮播特效 =>`html5`+`css3`+`jquery`

-  **[demo-8](https://github.com/vxhly/web-demo/tree/master/demo-8)**

  -  => 广告图片动画切换效果 =>`html5`+`css3`+`jquery`

-  **[demo-9](https://github.com/vxhly/web-demo/tree/master/demo-9)**

  -  => 抽屉式展示图片特效 =>`html5`+`css3`+`jquery`

-  **[demo-10](https://github.com/vxhly/web-demo/tree/master/demo-10)**

  -  => 精美图片可预览展示效果 =>`html5`+`css3`+`jquery`

-  **[demo-11](https://github.com/vxhly/web-demo/tree/master/demo-11)**

  -  => 选项卡菜单 =>`html5`+`css3`+`jquery`

-  **[demo-12](https://github.com/vxhly/web-demo/tree/master/demo-12)**

  -  => flexbox布局 =>`html5`+`css3`

-  **[demo-13](https://github.com/vxhly/web-demo/tree/master/demo-13)**

  -  => 竖向手风琴单页 =>`html5`+`css3`

-  **[demo-14](https://github.com/vxhly/web-demo/tree/master/demo-14)**

  -  => 实用美观下拉导航 =>`html5`+`css3`

-  **[demo-15](https://github.com/vxhly/web-demo/tree/master/demo-15)**

  -  => CSS3 Loading 加载动画 =>`html5`+`css3`

-  **[demo-16](https://github.com/vxhly/web-demo/tree/master/demo-16)**

-  => 3D旋转动画特效 =>`html5`+`css3`

-  **[demo-17](https://github.com/vxhly/web-demo/tree/master/demo-17)**

  -  => CSS3美化按钮 =>`html5`+`css3`

-  **[demo-18](https://github.com/vxhly/web-demo/tree/master/demo-18)**

  -  => 二级动态旋转菜单 =>`html5`+`css3`

-  **[demo-19](https://github.com/vxhly/web-demo/tree/master/demo-19)**

  -  => css3页面平滑过渡效果 =>`html5`+`css3`

-  **[demo-20](https://github.com/vxhly/web-demo/tree/master/demo-20)**

  -  => H5的文件上传预览功能 =>`html5`+`css3`

-  **[demo-21](https://github.com/vxhly/web-demo/tree/master/demo-21)**

  -  => 简易的抽奖程序 =>`html5`+`css3`+`jquery`

-  **[demo-22](https://github.com/vxhly/web-demo/tree/master/demo-22)**

  -  => CSS3按钮Button样式 =>`html5`+`css3`

-  **[demo-23](https://github.com/vxhly/web-demo/tree/master/demo-23)**

  -  => 左图右文的产品列表 =>`html5`+`css3`

-  **[demo-24](https://github.com/vxhly/web-demo/tree/master/demo-24)**

  -  => 无限循环竖向手风琴 =>`html5`+`css3`+`jquery`

-  **[demo-25](https://github.com/vxhly/web-demo/tree/master/demo-25)**

  -  => 透明缩略可轮播特效 =>`html5`+`css3`+`jquery`

-  **[demo-26](https://github.com/vxhly/web-demo/tree/master/demo-26)**

  -  => 360换机炫酷单页 =>`html5`+`css3`+`jquery`

-  **[demo-27](https://github.com/vxhly/web-demo/tree/master/demo-27)**

  -  => 百度换肤单页 =>`html5`+`css3`+`jquery`