基于jquery的web前端十款不同应用的预览及源码
1.网页变灰(css+js)，兼容IE7-10、FF、Chrome、Opera
当天很多媒体已停止一些娱乐活动，部分网站也将主题或logo变成了灰色。那么怎样把网页上的图片或文字都变成灰色呢？
2.Javascript制作的网页侧边弹出框
今天制作了个网页侧边弹出框，可用于制作分享按钮、在线客服、留言框等，这些效果原理都是一样的，它们可以紧贴浏览器的上、下、左、右四个边栏，以下这个例子就提供了四个样式，展示了紧贴不同的边栏所展示出的效果。
3.制作的一款登录框，带验证，可扫描用手机登录
今天制作了一款登录框，带验证，并且可以用手机扫描二维码用手机登录，这个二维码其实也就是登录页面的地址，手机扫描后用手机访问登录页，然后用手机登录，下面来具体看一下吧。
4.HTML5+Js制作的一款简易调色器
今天用HTML5结合Javascript制作了一款调色器，主要功能是通过移动滑块可以看到颜色的变化，并且rgb值也会随着变化，另外也可以通过输入rgb值来预览颜色。使用的技术其实很简单，滑动条使用html5中的表单做的，至于颜色的改变也就是js对dom的操作。
5.HTML5拖拽上传图片,可以多张同时上传
在HTML5中，使用DataTransfer对象中提供的方法，可以实现浏览器与其他应用程序之间文件的拖动。虽然HTML4之前的版本也支持拖放数据的操作，但仅局限于浏览器中，不支持浏览器之外的数据。
6.纯CSS制作的一款Metro风格菜单
menu元素是HTML5中重新启用的一个旧标记，其实它在HTML2时就存在了，但在HTML4中又废除了它，而HTML5中又恢复使用，并赋予了新的功能含义。它常常和li结合在一起使用，用来定义一个列表式的菜单。其实今天制作的这个小菜单主要还是CSS的应用，不用menu用ul也完全可以实现。
7.CSS3多重背景的实现(Multiple backgrounds)
对于背景属性background-image大家应该已经很熟悉了，在CSS2中与它相关的属性还有background-repeat（设置背景是否重复及重复的方式）、background-position（设置背景图片在容器中的位置）、background-attachment（设置背景是否随页面一起滚动），通过这些属性来控制背景图片在容器中如何显示，但我们也只能为容器提供一张背景图片，如果我们想让一个容器的背景用多张图片实现，那么我们该如何去做呢？再在容器里添加一些无用的元素吗？
CSS3的诞生为我们解决了这一问题，在CSS3里，通过background-image或者background可以为一个容器设置多张背景图像，也就是说可以把不同背景图象只放到一个块元素里。
首先我们来看一下语法吧：
background ： [background-image] | [background-origin] | [background-clip] | [background-repeat] | [background-size] | [background-attachment] | [background-position]
多个背景图片的url之间使用逗号隔开即可，如果有多个背景图片，而其他属性只有一个（例如background-repeat只有一个），那么所有背景图片都应用该属性值。
8.基于JQuery的网页下雪效果插件
在这个特别的日子里，给你特别的祝福！愿你在平安夜里开心，快乐！窗外雪花飘，飘飘雪花妩媚笑。笑冰凉的冬天，每天都在祝福你..."未命名.gif苦逼的我平安夜里还在搞代码...，今天逛博客时看到了一款jquery网页下雪的插件，感觉还不错，就分享给大家吧...
9.用grumble.js插件制作的一款带气泡提示的导航条
grumble.js 是一个很特别的气泡形状提示控件，今天我用它做了一个导航条，鼠标移入菜单选项时会出现气泡提示，鼠标移出时气泡提示会消失。
10.Javascript实现打字机效果
Javascript实现打字机效果：就两个知识点，一个是定时器的使用，另一个字符串截取函数substring(start, end)。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
