10款经典的web前端特效的预览、源码及效果图
1.CSS3响应式导航菜单
介绍⼀下如何使⽤纯CSS来实现的⼀个响应式导航菜单，我们使⽤的是HTML5+CSS3技术，当浏览器窗⼝变⼩或者使⽤⼿机浏览器访问的时候，原本横条菜单会收缩成⼀个下拉菜单，当⿏标滑向菜单时下拉展⽰全部菜单。此⽅法可以应⽤到有特别多的链接菜单项⽬中，特别在移动项⽬中，它可以将所有菜单转换成⼀个按钮式的下拉菜单。
2.使⽤raphael.js绘制中国地图
最近的数据统计项⽬中要⽤到中国地图，也就是在地图上动态的显⽰某个时间段某个省份地区的统计数据，我们不需要flash，仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作。在本⽂中，我给⼤家分享如何使⽤js来完成地图交互。raphael.js是⼀个很⼩的javascript库，它可以在⽹页中实现绘制各种⽮量图、各类图表、以及图像裁剪、旋转、运动动画等等功能。此外raphael.js还跨浏览器兼容，⽽且还兼容⽼掉⽛的IE6啊。
3.使⽤CSS3和jQuery可伸缩的搜索条
搜索条在我们⽹站是必不可少的，尤其是在有限的页⾯空间⾥，放置⼀个重要的搜索条是个难题，今天我将结合实例给⼤家介绍⼀下如何使⽤CSS3和jQuery来实现⼀个可伸缩功能的搜索条。在实例中，我们只展⽰⼀个搜索按钮，当点击搜索按钮时，输⼊框由右向左滑动展开，输⼊搜索内容后，点击搜索按钮则跳到搜索结果页，搜索输⼊框收起。
4.使⽤CSS3制作漂亮的按钮
今天我给⼤家介绍⼀下如何使⽤CSS3来制作⼀个圆⾓阴影、渐变⾊的漂亮的按钮，它不需要任何图⽚和javascript脚本，只需要CSS3就可以轻松实现按钮效果，并且可以适⽤于任意HTML元素，想div，span，p，a，button，input等等。
5.使⽤Javascript控制Cookie关闭⼤背景
每当重⼤节⽇期间，各⼤主流⽹站⾸页会披上节⽇的盛装，设计者⼀般会使⽤⼤幅背景图⽚来获得更好的视觉冲击效果，当然，也要考虑到有些⽤户不习惯这⼤背景图，那么在背景图上放置 关闭 按钮是有必要的，⽤户只要点击 关闭背景 按钮，⼤幅背景图将会消失。我们使⽤javascript来控制背景图⽚的显⽰和隐藏，当点击关闭按钮时，控制CSS使页⾯不加载背景图，同时记录COOKIE相关参数，并
设置cookie 的有效期，那么在cookie有效期内刷新页⾯，是不会再加载背景图的，如果cookie失效，则⼜会重新加载背景图⽚。
6.PHP+MySql+jQuery实现的顶和踩投票功能
当我们浏览⽹页时，我们想对⽹页内容如⽂章、评论中的观点持赞同或反对意见时，可以通过点击⽹页中的 顶 和 踩 来进⾏投票。⽽整个交互过程，开发者可以通过ajax异步来实现，从⽽提⾼⽤户体验。本⽂结合实例，讲解使⽤PHP+MySql+jQuery实现的 顶 和 踩 投票功能，通过记录⽤户IP，判断⽤户的投票⾏为是否有效，该实例也可以扩展到投票系统中。如果您具备PHP、MySql和jQuery相关基础知识，那么请继续往下阅读。
7.FullCalendar应⽤–拖动与实时保存
我们可以使⽤FullCalendar建⽴⼀个⾮常强⼤的⽇历程序，⽤户可以轻松的在FullCalendar操作⽇程安排，诸如新建、修改、删除等操作以及本⽂将要讲解的拖动、缩放⽇程事件。
html下拉菜单的制作方法
8.FullCalendar应⽤–编辑与删除⽇程事件
FullCalendar可以灵活运⽤到项⽬开发中，本站上⼀篇⽂章中，我们介绍了如何在FullCalendar新建⽇程事件，今天我要给⼤家介绍的是如何在FullCalendar中编辑和删除⽇程事件，这样我们就完成了FullCalendar上的 增删改查 ⼀系列操作。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。