2015年01月的文章

爱前端网 - Yang 发布于 2015-01-31

1.分享10种风格迥异的全屏遮罩层效果 今天，我们想给大家分享一些全屏遮罩效果的灵感。像任何其它的UI组件一样，网页设计不断有新的趋势和风格出现，我们想尝试的遮罩有一些微妙的，还有奇特的效果。这些遮罩的特别之处在于，他们没有像模态窗口那样固定大小而是占据整个屏幕，因此创建效果时，...

阅读(2600)赞 (0)标签：CSS / CSS3 / div / HTML / Jquery / WEB前端 / web前端

爱前端网 - Yang 发布于 2015-01-30

1.基于jQuery实现的带备忘录功能的日期选择器特效 jQuery带备忘录功能的日期选择器是一款带备忘录功能的简单的jQuery日期选择器插件，你可以为该日期选择器的某些日期设定设定一些信息，方便日常查询，就像现实生活中的备忘录一样，建议用户使用支持css3与HTML5效果较好...

阅读(2229)赞 (0)标签：CSS / CSS3 / div / HTML / HTML5 / Jquery / WEB前端 / web前端

爱前端网 - Yang 发布于 2015-01-29

JavaScript脚本库是一个预先用JavaScript语言写好的库，它方便了我们开发基于JavaScript的应用程序，特别适合AJAX和其他一些以Web为中心的技术。JavaScript主要用于编写嵌入或者包含在HTML页面的函数，从而实现DOM之间的交互。 这篇文章收集了...

阅读(1634)赞 (0)标签：HTML / HTML5 / Javascript / Jquery / web前端 / WEB前端

爱前端网 - Yang 发布于 2015-01-28

1.HTML5实现图形挤压变形动画 今天我们要来分享一款很特别的HTML5动画特效，它是一款图形挤压动画。鼠标移动小球，该小球会和周围的几个小球产生挤压效果，从而使受挤压的小球产生相应的变形，利用HTML5是这个挤压变形的特效显得非常逼真，一起来玩玩吧。 在线演示 源码下载 2....

阅读(1675)赞 (0)标签：CSS / CSS3 / HTML / HTML5 / Javascript / Jquery / web前端 / WEB前端

爱前端网 - Yang 发布于 2015-01-27

1.右侧带缩略图导航的jQuery焦点图 今天我们要来分享一款右侧带缩略图导航的jQuery焦点图插件，这款jQuery焦点图插件的特点是右侧有一列缩略图导航列表，并且可以定义任意数量的图片，你可以拖动列表来查看所有的图片，点击缩略图后，即可实现图片的上下切换动画。 在线演示 源...

阅读(2381)赞 (0)标签：CSS / CSS3 / HTML / HTML5 / Javascript / Jquery / web前端 / WEB前端

爱前端网 - Yang 发布于 2015-01-26

1.Skytte：一款令人印象深刻的 HTML5 射击游戏 Skytte 是一款浏览器里的 2D 射击游戏。使用 Canvas 元素和大量的 JavaScript 代码实现。Skytte 是用我们的开源和现代的前端技术创造的。经典，快节奏的横向滚动射击游戏，探索新的 HTML5 ...

阅读(2399)赞 (0)标签：CSS / CSS3 / HTML / HTML5 / Input / Javascript / Jquery / WEB前端

爱前端网 - Yang 发布于 2015-01-25

这篇文章给大家分享让开发人员生活更轻松的免费工具和资源。所以，如果你正在寻找一些为迅速解决每天碰到的设计和开发问题的工具和资源，不要再观望，试试这些工具吧。这些奇妙的工具不仅会加快您的生产，也让你的工作质量提升。 1、Cascade Framework 很独特的 CSS 框架，进...

阅读(1660)赞 (0)标签：CSS / HTML / HTML5 / Javascript / WEB前端

爱前端网 - Yang 发布于 2015-01-24

1、10大流行的 Metro UI 风格的 Bootstrap 主题和模板 Metro UI 是一种界面展示技术，是 Windows 8 的主要界面显示风格。Metro界面和 iOS、Android 界面最大的区别在于：后两种都是以应用为主要呈现对象，而 Metro 界面强调的是...

阅读(1762)赞 (0)标签：CSS / HTML / HTML5 / Javascript / Jquery / WEB前端

爱前端网 - Yang 发布于 2015-01-24

人们往往喜欢那些有更多互动元素的网站，因此现在很多设计师专注于他们的CSS3技能。这是因为 CSS3 技能可以帮助他们在很大的程度上实现所需的吸引力。这里分享的10个优秀的CSS3按钮效果制作教程，你可以学习这些技术并使用它们为您的作品创造更多的乐趣。 1、CSS3 Button...

阅读(1779)赞 (0)标签：CSS3 / HTML5 / Javascript / Jquery / SEO / WEB前端 / web前端

爱前端网 - Yang 发布于 2015-01-23

1.jQuery饼状图表数据分布插件 之前我们分享过很多基于HTML5和CSS3的网页图表应用，很多都包含饼状图，非常实用。今天我们要再来分享一款jQuery饼状图表插件，我们可以自定义图表数据，并且还可以定义饼状图每一个数据区域的颜色。 在线演示 源码下载 2.纯CSS3实现质...

阅读(2862)赞 (0)标签：WEB前端 / web前端

爱前端网 - Yang 发布于 2015-01-22

1.10组CSS3鼠标滑过文字动画特效 之前我们分享过很多CSS3文字动画特效，比如CSS3 3D镂空文字特效和HTML5粒子效果的文字动画特效。今天要介绍10组基于CSS3的鼠标滑过文字动画特效，有上凸、下凹等文字动画。这些炫酷的CSS3文字效果可以让网页变得更加绚丽。 在线演...

阅读(2585)赞 (0)标签：web前端 / WEB前端

爱前端网 - Yang 发布于 2015-01-21

1.HTML5 SVG绘制的纸鹤动 带颜色渐变效 前面我们分享过一款基于HTML5和SVG的创意开关切换按钮，比较实用。这次要带来的这款HTML5应用也是基于SVG的，是一只雄伟的纸鹤，并且纸鹤的皮肤颜色会不断地发生变化，动画效果非常不错，小编认为，如果纸鹤能动起来那就更加完美了...

阅读(2566)赞 (0)标签：WEB前端 / web前端

爱前端网 - Yang 发布于 2015-01-20

1.基于jQuery实现的网站首页宽屏幻灯片 jQuery网站首页宽屏幻灯片代码是一款基于jquery+css3实现的带有弹性平滑动画切换效果的jquery特效，此段代码适应于所有想要的网页的使用，有兴趣的朋友们可以前来下载使用。本段代码兼容目前最新的各类主流浏览器，是一款非常优...

阅读(3398)赞 (0)标签：web前端 / WEB前端

爱前端网 - Yang 发布于 2015-01-19

1.jQuery垂直滑动切换焦点图动 对于jQuery垂直焦点图，我们之前已经分享过不少了，其中比较经典的这款jQuery纵向滑块焦点图插件，效果非常不错。今天我们要再介绍一款jQuery垂直滑动切换的焦点图动画，整个jQuery焦点图是宽屏的，显得十分大气 在线演示 源码下载 ...

阅读(2660)赞 (0)标签：CSS3 / HTML5 / Jquery / WEB前端 / web前端

爱前端网 - Yang 发布于 2015-01-18

1.HTML5粒子效果的文字动画特 记得之前向大家分享过一款HTML5 Canvas实现会跳舞的时间动画，利用了HTML5的粒子动画特性。今天要分享的也是一款基于HTML5的粒子效果的文字动画特效，并且它可以实现每个文字的逐帧播放，形成一句很浪漫的诗句 在线演示 源码下载 2.j...

阅读(3865)赞 (0)标签：web前端 / WEB前端

爱前端网 - Yang 发布于 2015-01-17

1.ScrollReveal.js 帮助你实现超炫的元素运动效果 ScrollReveal.js 用于创建和管理元素进入可视区域时的动画效果，帮助你的网站增加吸引力。只需要给元素增加 data-scrollreveal 属性，当元素进入可视区域的时候会自动被触发设置好的动画 在线...

阅读(3037)赞 (0)标签：web前端 / WEB前端