CSS语义化命名及常用命名规则
爱前端网 - Yang 发布于 2014-09-28
CSS语义化命名 从上图我们可以大概看出这里有两种CSS的命名方式:1、结构化命名法;2、语义化命名法。 结构化命名法:根据页面中板块的位置而命名,如上图中的content-left,这时如果我们想把侧边栏sidebar放在左边,那么这时content-left板块却在右边,板块...
阅读(1580)赞 (0)
爱前端网 - Yang 发布于 2014-09-28
CSS语义化命名 从上图我们可以大概看出这里有两种CSS的命名方式:1、结构化命名法;2、语义化命名法。 结构化命名法:根据页面中板块的位置而命名,如上图中的content-left,这时如果我们想把侧边栏sidebar放在左边,那么这时content-left板块却在右边,板块...
阅读(1580)赞 (0)
爱前端网 - Yang 发布于 2014-09-27
对于浏览器兼容问题,我们应该碰到很多了,在平时写一些页面时,在IE8、IE9上可能好好的,当我们在IE6、IE7或者是其他的浏览器上再浏览 这些页面时,可能会发现我们的页面已经面目全非了,作为一名前端开发人员,这是最让人发疯的问题了,那么我们该怎么解决这些问题呢? 首先, 我们写...
阅读(1439)赞 (0)
爱前端网 - Yang 发布于 2014-09-25
1.jquery带动画效果幻灯片插件 脚本简介jquery带动画效果幻灯片插件devrama.slider是一款可以在焦点图中嵌入html内容和文字动画效果。 在线预览 源码下载 2.jquery hover事件导航条 脚本简介jquery hover事件导航条是一款鼠标悬停导航...
阅读(1823)赞 (0)
爱前端网 - Yang 发布于 2014-09-24
1.由jquery实现的超炫的页面加载特效 今天为大家带来一款由jquery实现的超炫的页面加载特效。连续的几个页面分开特效。最后由三维的线条由远至近消失,然后由近至远出现。效果超级梦炫。 在线预览 源码下载 2.Flexslider – 响应式的 jQuery 内容滚动插件 F...
阅读(1788)赞 (0)
爱前端网 - Yang 发布于 2014-09-22
1.jQuery 特效:盒子破碎和移动动画效果 今天,我们将创建一个使用 jQuery 制作的非常甜蜜的动画效果。我们的想法是在网站的顶部有小盒子,当一个菜单项被点击时,箱子动画形成的主要内容区域分散在各处。我们会用一些不同的动画效果,我们将为菜单项添加选项。 在线演示 源码下载...
阅读(1826)赞 (0)
爱前端网 - Yang 发布于 2014-09-21
本来只是一张png透明图片,在IE下是很好解决的,我也尝试了很多种,包括js法,滤镜css法等等,感觉总体来说都不是很完美,而且如果同时使用Sprites方法,就不是那么简单容易的事情了。 最终发现了使用htc方法嵌到css文件中基本可以一次性解决大部分的透明问题。 这种方法已经...
阅读(1399)赞 (0)
爱前端网 - Yang 发布于 2014-09-20
1.JQUERY实现自适应缩略图桩效应与自动分组 这是用一个实验性的jQuery插件,将一组缩略图根据共享数据属性组合(下文将会讲到)堆在一起,当点击其中的一个缩略图组合时,属于这个组合里面的缩略图将会通过CSS转换扩散到一个网格布局里。 在线演示 源码下载 2.HTML5+CS...
阅读(2714)赞 (1)
爱前端网 - Yang 发布于 2014-09-19
1.ios页面过渡效果插件Kontext 灵感来自于iOS, Kontext是context-shift过渡。使用JavaScript创建,CSS 3d变换和CSS动画 在线演示 源码下载 2.使用HTML5实现刮刮卡效果 你玩过刮刮卡么?一不小心可以中奖的那种。今天我给大家分享...
阅读(2210)赞 (0)
爱前端网 - Yang 发布于 2014-09-18
1.jquery标记编辑器插件Tag Editor Tag Editor是一个功能强大的和轻量级jQuery标记编辑器插件。 在线演示 源码下载 2.jQuery自动生成css投影样式 使用jQuery自动生成css投影样式,可以自定义投影大小、距离、颜色、透明度等等。 在线演示...
阅读(1709)赞 (0)
爱前端网 - Yang 发布于 2014-09-17
1.jquery灯箱插件Lightbox 原来的lightbox脚本在最近的8年依然很火。它是100%免费使用。 在线演示 源码下载 2.CSS3立体3D菜单 蓝色淡雅风格菜单 今天我们要来分享一款基于CSS3的3D菜单,这款菜单式蓝色淡雅风格的,鼠标滑过菜单项时还会有淡入淡出的...
阅读(1579)赞 (0)
爱前端网 - Yang 发布于 2014-09-16
jQuery 作为最优秀 JavaScript 库之一,改变了很多人编写 JavaScript 的方式。它简化了 HTML 文档遍历,事件处理,动画和 Ajax 交互,而且有成千上万的成熟 jQuery 插件可供使用。看看下面这些惊人的功能和效果,我相信你会发现一些很有用的东西。...
阅读(1752)赞 (0)
爱前端网 - Yang 发布于 2014-09-15
1.纯CSS3实现超酷的磁带动画 我们要用纯CSS3来实现一个超酷的磁带动画特效。首先用纯CSS3绘制了一个磁带的外观,还是相当逼真的,然后用CSS3的动画属性实现了磁带的旋转,就像在播放歌曲一样,如果配合HTML5的音频播放功能,就和那个磁带播放器差不多了。 在线演示 源码下载...
阅读(2325)赞 (0)
爱前端网 - Yang 发布于 2014-09-14
在HTML4等早期版本中,input元素已经有了一些type类型,type可取的值有下面这些: text文本类型:<input type=”text”/> password密码类型:<input type=”password&...
阅读(2081)赞 (0)
爱前端网 - Yang 发布于 2014-09-12
1.vivo官网左右全屏动画焦点图 vivo官网左右全屏动画焦点图是一款基于jquery+html5实现的步步高vivo官网图片切换动画效果代码。 在线演示 源码下载 2.多种类型自定义对话框插件jDialog 多种类型自定义对话框插件jDialog是一款基于jquery实现的轻...
阅读(1595)赞 (0)
爱前端网 - Yang 发布于 2014-09-10
1.HTML5无限循环背景模版 HTML5无限循环背景模版 在线演示 源码下载 2.十五种基于modernizr.js实现的选项卡切换特效 今天向大家分享十五种全新的内容选项卡切换特效,每一组选项卡均加入了通过svg技术实现的小图标,由于采用了基于modernizr.js这款开源...
阅读(1790)赞 (0)
爱前端网 - Yang 发布于 2014-09-08
1.css3代码实现超炫加载动画 今天为大家带来一款只需几行代码就可以实现超炫的动画加载特效。 在线演示 源码下载 2.6款不同颜色风格的上传jQuery+css3表单 这是一个6款不同风格的上传表单,基于jquery+css3制作的炫酷样式!很适合文件和图片上传。 在线演示 源...
阅读(1752)赞 (0)
爱前端网 - Yang 发布于 2014-09-06
1.基于jquery超炫的图片切换特效 今天为给大家介绍一款基于jquery超炫的图片切换特效。由百叶窗飞入显示图片。图片消息的时候也是百叶窗渐行渐远。用于图片展示,效果还是非常好。 在线演示 源码下载 2.jQuery横向三张图片滚动焦点图插件 这款jQuery焦点图插件看起来...
阅读(2000)赞 (0)
爱前端网 - Yang 发布于 2014-09-04
本文以大量实例形式总结了css与javascript跨浏览器的兼容性问题。分享给大家供大家参考。具体总结如下: 一、CSS样式兼容性 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无...
阅读(2120)赞 (0)
爱前端网 - Yang 发布于 2014-09-03
1.使用 FocusPoint.js 实现图片的响应式裁剪 通常网站的布局都不是单一的。例如图像在电脑、平板和智能手机上可能显示的形状是不同的。特别是如果你使用的是全屏图像,在你必须使用相同的图像文件的情况下,你的主题可能会被截断或完全缺失,或者看起来很尴尬。 FocusPoin...
阅读(1821)赞 (0)
爱前端网 - Yang 发布于 2014-09-02
Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。 Flexslider具有以下特性: 支持滑动和淡入淡出效果。 支持水平、垂...
阅读(2066)赞 (0)