web前端十款经典jquery特效预览及源码下载
10爱前端网 - Yang 发布于 2014-09-15
1.纯CSS3实现超酷的磁带动画 我们要用纯CSS3来实现一个超酷的磁带动画特效。首先用纯CSS3绘制了一个磁带的外观,还是相当逼真的,然后用CSS3的动画属性实现了磁带的旋转,就像在播放歌曲一样,如果配合HTML5的音频播放功能,就和那个磁带播放器差不多了。 在线演示 源码下载...
阅读(2335)赞 (0)
爱前端网 - Yang 发布于 2014-09-15
1.纯CSS3实现超酷的磁带动画 我们要用纯CSS3来实现一个超酷的磁带动画特效。首先用纯CSS3绘制了一个磁带的外观,还是相当逼真的,然后用CSS3的动画属性实现了磁带的旋转,就像在播放歌曲一样,如果配合HTML5的音频播放功能,就和那个磁带播放器差不多了。 在线演示 源码下载...
阅读(2335)赞 (0)
爱前端网 - Yang 发布于 2014-09-13
首先,我们了解一下各种浏览器的内核引擎吧 1、Trident: IE系列浏览器 2、Gecko: Firefox 是基于 Gecko 开发 3、WebKit: Safari, Google Chrome,傲游3 基于 Webkit 开发 4、Presto: Opera的内核,但由...
阅读(1877)赞 (0)
爱前端网 - Yang 发布于 2014-09-12
1.vivo官网左右全屏动画焦点图 vivo官网左右全屏动画焦点图是一款基于jquery+html5实现的步步高vivo官网图片切换动画效果代码。 在线演示 源码下载 2.多种类型自定义对话框插件jDialog 多种类型自定义对话框插件jDialog是一款基于jquery实现的轻...
阅读(1605)赞 (0)
爱前端网 - Yang 发布于 2014-09-08
1.css3代码实现超炫加载动画 今天为大家带来一款只需几行代码就可以实现超炫的动画加载特效。 在线演示 源码下载 2.6款不同颜色风格的上传jQuery+css3表单 这是一个6款不同风格的上传表单,基于jquery+css3制作的炫酷样式!很适合文件和图片上传。 在线演示 源...
阅读(1769)赞 (0)
爱前端网 - Yang 发布于 2014-09-07
CSS控制文本内容换行:word-wrap,word-break,white-space,text-overflow的区别和用法 在div中,文本布局经常出现,换行混乱的情况。 我们经常遇到的问题表现为: 1.如果是全英文字符串,中间不包含任何符号(包括空格),不自动换行; 2....
阅读(1583)赞 (0)
爱前端网 - Yang 发布于 2014-09-05
Table表格奇偶数行定义样式: CSS3的强大,让人惊叹,人们在惊喜之余,又不得不为其艰难的道路感到可惜:好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年,但是目前能实现她的浏览器并不多,虽然部分浏览器能实现部分规范,但这又...
阅读(1653)赞 (0)
爱前端网 - Yang 发布于 2014-09-04
本文以大量实例形式总结了css与javascript跨浏览器的兼容性问题。分享给大家供大家参考。具体总结如下: 一、CSS样式兼容性 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无...
阅读(2128)赞 (0)
爱前端网 - Yang 发布于 2014-09-03
1.使用 FocusPoint.js 实现图片的响应式裁剪 通常网站的布局都不是单一的。例如图像在电脑、平板和智能手机上可能显示的形状是不同的。特别是如果你使用的是全屏图像,在你必须使用相同的图像文件的情况下,你的主题可能会被截断或完全缺失,或者看起来很尴尬。 FocusPoin...
阅读(1836)赞 (0)
爱前端网 - Yang 发布于 2014-08-28
1.纯css3实现的超炫checkbox复选框和radio单选框 纯css3实现的checkbox复选框和radio单选框,效果超级炫。 在线演示 源码下载 2.css3和jquery实现的可折叠导航菜单(适合手机网页) 适合放在手机网页的导航菜单。点击列表图标以下拉式的形式显示...
阅读(1965)赞 (0)
爱前端网 - Yang 发布于 2014-08-25
HTML5非常酷,利用HTML5制作动画简直让我们忘记了这世界上还有flash的存在。今天我们要分享的一些HTML5动画都还不错,有些动画设计还是挺别出心裁的。另外,每一款HTML5动画都提供源代码下载,并且我们对源码作一些简单的分析。 1.纯css3实现的圆形旋转分享按钮 今天...
阅读(2170)赞 (0)
爱前端网 - Yang 发布于 2014-08-23
1.jQuery 3D圆盘旋转焦点图 支持鼠标滚轮 今天介绍的这款jQuery焦点图非常特别,所有图片围成一个圆圈,组成一个立体视觉的圆盘,并且可以旋转选择圆盘中的图片。另外,这款jQuery 3D圆盘旋转焦点图插件还支持鼠标滚轮,可以让你更方便地浏览图片。 在线演示 源码下载 ...
阅读(2298)赞 (0)
爱前端网 - Yang 发布于 2014-08-22
jQuery是一款普遍受前端开发者欢迎的Javascript框架,但是开发者貌似更关注jQuery开发的插件,海量的jQuery插件让前端开发者非常方便。HTML5的加入让jQuery这个家族更加丰富多彩,因为利用HTML5,我们可以制作更加绚丽动感的动画特效,HTML5结合jQ...
阅读(3338)赞 (0)
爱前端网 - Yang 发布于 2014-08-21
当我们点击链接后,链接周围会显示一个虚线框,那么怎么去掉这个虚线框呢?其实方法还挺多,用CSS就可以,但使用javaScript似乎也是一个好方法。 1. CSS方式去掉链接虚线框的方法: 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus=&...
阅读(1588)赞 (0)
爱前端网 - Yang 发布于 2014-08-20
写css,你少不了与margin打交道。你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常...
阅读(1459)赞 (0)
爱前端网 - Yang 发布于 2014-08-20
在百度音乐 http://music.baidu.com/ 看到这么一个图片效果,当鼠标移上去的时候,会有一道闪光在图片上划过,效果挺酷炫的。于是把这个效果再实现一下: 这个 CSS3 的效果怎么实现呢? HTML 设计成这样: <p class=”overim...
阅读(1692)赞 (0)
爱前端网 - Yang 发布于 2014-08-18
jQuery是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择。其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入各种精美的图片展示效果。下面向大家分享精心挑选的23款优秀 jQuery 图片特效插...
阅读(3425)赞 (0)
爱前端网 - Yang 发布于 2014-08-18
CSS 选择器性能损耗来自? CSS选择器对性能的影响源于浏览器匹配选择器和文档元素时所消耗的时间,所以优化选择器的原则是应尽量避免使用消耗更多匹配时间的选择器。而在这之前我们需要了解CSS选择器匹配的机制, 如子选择器规则: #header > a {font-weigh...
阅读(1787)赞 (0)
爱前端网 - Yang 发布于 2014-08-17
这里集合的这组 HTML5 & CSS3 效果,有的是网站开发中常用的、实用的功能,有的是先进的 Web 技术的应用演示。不管哪一种,这些案例中的技术都值得我们去探究和学习。 1、超炫的 HTML5 粒子效果进度条 我喜欢粒子效果作品,特别是那些能够应用于实际的,例如这个...
阅读(4861)赞 (0)
爱前端网 - Yang 发布于 2014-08-16
jQuery 作为最流行的 JavaScript 框架,使用简单灵活,同时还有许多优秀的插件可供使用。其中最令人印象深刻的应用之一就是各种很酷的图片效果,它可以让的网站更具吸引力。这里收集了10款很好用的 jQuery 图片滚动插件分享给大家。 1、Nivo Slider 首先推...
阅读(3734)赞 (0)
爱前端网 - Yang 发布于 2014-08-15
在工作中,我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的。这篇文章给大家推荐10个在 Web 开发中很有用的效果,记得收藏! 1、超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效...
阅读(1755)赞 (0)