爱前端网
CSS执行顺序及其优先权问题总结
爱前端网 - Yang 发布于 2014-09-30
今天在看一本书时又看到了”CSS优先权“这个问题，感觉这个问题还是比较重要的，也算是样式的特异性吧，尤其是在面对较多、较深层、较复杂的样式属性时，理解CSS的加权计算方法对于重写样式属性之类的问题都会迎刃而解。那么接下来我就把CSS的执行顺序及其优先权问题...
阅读(1617)赞 (0)
2014年09月的文章
CSS3中background属性的调整
爱前端网 - Yang 发布于 2014-09-29
CSS3对于background做了一些修改，最明显的一个就是采用设置多背景，不但添加了4个新属性，并且还对目前的属性进行了调整增强。 1、多个背景图片 在css3里面，你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写法，但引用图片之间需用“，&...
阅读(1722)赞 (0)
CSS语义化命名及常用命名规则
爱前端网 - Yang 发布于 2014-09-28
CSS语义化命名 从上图我们可以大概看出这里有两种CSS的命名方式:1、结构化命名法;2、语义化命名法。 结构化命名法:根据页面中板块的位置而命名，如上图中的content-left,这时如果我们想把侧边栏sidebar放在左边，那么这时content-left板块却在右边，板块...
阅读(1564)赞 (0)
用条件注释判断浏览器版本,解决兼容问题
爱前端网 - Yang 发布于 2014-09-27
对于浏览器兼容问题，我们应该碰到很多了，在平时写一些页面时，在IE8、IE9上可能好好的，当我们在IE6、IE7或者是其他的浏览器上再浏览 这些页面时，可能会发现我们的页面已经面目全非了，作为一名前端开发人员，这是最让人发疯的问题了，那么我们该怎么解决这些问题呢？ 首先， 我们写...
阅读(1429)赞 (0)
10款基于jquery+css3的在线预览及源码下载的插件
10爱前端网 - Yang 发布于 2014-09-26
1.jquery+css3点击触发循环高亮显示 jquery+css3点击触发循环高亮显示是一款jQuery+css3动画鼠标悬停遮罩图片高亮显示代码。 在线预览 源码下载 2.jquery点击文本框提示标签自动补全 jquery点击文本框提示标签自动补全是一款关键字标签valu...
阅读(2069)赞 (0)
五款基于jquery实现web前端的预览及源码
5爱前端网 - Yang 发布于 2014-09-25
1.jquery带动画效果幻灯片插件 脚本简介jquery带动画效果幻灯片插件devrama.slider是一款可以在焦点图中嵌入html内容和文字动画效果。 在线预览 源码下载 2.jquery hover事件导航条 脚本简介jquery hover事件导航条是一款鼠标悬停导航...
阅读(1808)赞 (0)
五款基于jquery实现web前端的预览及源码下载
5爱前端网 - Yang 发布于 2014-09-24
1.由jquery实现的超炫的页面加载特效 今天为大家带来一款由jquery实现的超炫的页面加载特效。连续的几个页面分开特效。最后由三维的线条由远至近消失，然后由近至远出现。效果超级梦炫。 在线预览 源码下载 2.Flexslider – 响应式的 jQuery 内容滚动插件 F...
阅读(1781)赞 (0)
CSS3图片倒影技术
4爱前端网 - Yang 发布于 2014-09-23
目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些，实际上还有很多CSS新属性并未包含进CSS3官方标准中，像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor Prefix)来实现很多自定义的CSS功能。-webkit-box-reflect属...
阅读(1440)赞 (0)
5款经典web前端的jquery源码特效及下载
5爱前端网 - Yang 发布于 2014-09-22
1.jQuery 特效：盒子破碎和移动动画效果 今天，我们将创建一个使用 jQuery 制作的非常甜蜜的动画效果。我们的想法是在网站的顶部有小盒子，当一个菜单项被点击时，箱子动画形成的主要内容区域分散在各处。我们会用一些不同的动画效果，我们将为菜单项添加选项。 在线演示 源码下载...
阅读(1820)赞 (0)
IE6下png透明问题解决的最佳3种方案
爱前端网 - Yang 发布于 2014-09-21
本来只是一张png透明图片，在IE下是很好解决的，我也尝试了很多种，包括js法，滤镜css法等等，感觉总体来说都不是很完美，而且如果同时使用Sprites方法，就不是那么简单容易的事情了。 最终发现了使用htc方法嵌到css文件中基本可以一次性解决大部分的透明问题。 这种方法已经...
阅读(1392)赞 (0)
10款web前端的特效及源码下载
10爱前端网 - Yang 发布于 2014-09-20
1.JQUERY实现自适应缩略图桩效应与自动分组 这是用一个实验性的jQuery插件，将一组缩略图根据共享数据属性组合（下文将会讲到）堆在一起，当点击其中的一个缩略图组合时，属于这个组合里面的缩略图将会通过CSS转换扩散到一个网格布局里。 在线演示 源码下载 2.HTML5+CS...
阅读(2697)赞 (1)
jquery实现十种不同的web特效及源码下载
10爱前端网 - Yang 发布于 2014-09-19
1.ios页面过渡效果插件Kontext 灵感来自于iOS, Kontext是context-shift过渡。使用JavaScript创建,CSS 3d变换和CSS动画 在线演示 源码下载 2.使用HTML5实现刮刮卡效果 你玩过刮刮卡么？一不小心可以中奖的那种。今天我给大家分享...
阅读(2193)赞 (0)
10款主流web前端的基于jquery源码预览下载
10爱前端网 - Yang 发布于 2014-09-18
1.jquery标记编辑器插件Tag Editor Tag Editor是一个功能强大的和轻量级jQuery标记编辑器插件。 在线演示 源码下载 2.jQuery自动生成css投影样式 使用jQuery自动生成css投影样式,可以自定义投影大小、距离、颜色、透明度等等。 在线演示...
阅读(1702)赞 (0)
十款经典的jquery实现web前端的特效预览及源码下载
10爱前端网 - Yang 发布于 2014-09-17
1.jquery灯箱插件Lightbox 原来的lightbox脚本在最近的8年依然很火。它是100%免费使用。 在线演示 源码下载 2.CSS3立体3D菜单 蓝色淡雅风格菜单 今天我们要来分享一款基于CSS3的3D菜单，这款菜单式蓝色淡雅风格的，鼠标滑过菜单项时还会有淡入淡出的...
阅读(1565)赞 (0)
8张思维导图学习javascript
8爱前端网 - Yang 发布于 2014-09-16
学习的道路就是要不断的总结归纳，好记性不如烂笔头，so，下面将po出8张javascript相关的思维导图。 思维导图小tips：思维导图又叫心智图，是表达发射性思维的有效的图形思维工具 ，它简单却又极其有效，是一种革命性的思维工具。思维导图运用图文并重的技巧，把各级主题的关系用...
阅读(2208)赞 (0)
8款web网站开发中实用 jQuery 效果及源码
8爱前端网 - Yang 发布于 2014-09-16
jQuery 作为最优秀 JavaScript 库之一，改变了很多人编写 JavaScript 的方式。它简化了 HTML 文档遍历，事件处理，动画和 Ajax 交互，而且有成千上万的成熟 jQuery 插件可供使用。看看下面这些惊人的功能和效果，我相信你会发现一些很有用的东西。...
阅读(1737)赞 (0)
web前端十款经典jquery特效预览及源码下载
10爱前端网 - Yang 发布于 2014-09-15
1.纯CSS3实现超酷的磁带动画 我们要用纯CSS3来实现一个超酷的磁带动画特效。首先用纯CSS3绘制了一个磁带的外观，还是相当逼真的，然后用CSS3的动画属性实现了磁带的旋转，就像在播放歌曲一样，如果配合HTML5的音频播放功能，就和那个磁带播放器差不多了。 在线演示 源码下载...
阅读(2315)赞 (0)
HTML5表单新增input类型
爱前端网 - Yang 发布于 2014-09-14
在HTML4等早期版本中，input元素已经有了一些type类型，type可取的值有下面这些： text文本类型：<input type=”text”/> password密码类型：<input type=”password&...
阅读(2069)赞 (0)
解决浏览器默认文本域和文本框边框大小问题
爱前端网 - Yang 发布于 2014-09-13
首先，我们了解一下各种浏览器的内核引擎吧 1、Trident: IE系列浏览器 2、Gecko: Firefox 是基于 Gecko 开发 3、WebKit: Safari, Google Chrome,傲游3 基于 Webkit 开发 4、Presto: Opera的内核，但由...
阅读(1842)赞 (0)
八款基于jquery的主流web前端的特效源码
8爱前端网 - Yang 发布于 2014-09-12
1.vivo官网左右全屏动画焦点图 vivo官网左右全屏动画焦点图是一款基于jquery+html5实现的步步高vivo官网图片切换动画效果代码。 在线演示 源码下载 2.多种类型自定义对话框插件jDialog 多种类型自定义对话框插件jDialog是一款基于jquery实现的轻...
阅读(1587)赞 (0)