爱前端网爱前端网爱前端网

所有文章 第34页

WEB前端

提高网站可用性的6大原则

爱前端网 - Yang 发布于 2014-10-13

通常,网站有三种类型: 第一种网站有杰出的创意和设计。这样的网站会让你发出「Wow」的赞叹。但是,不幸的是,除了好设计,他们没有更多东西了。 第二种网站缺乏创意和设计,但是你在上面可以立刻找到你想要的东西!但是你会因为他们在视觉上缺乏吸引力而关掉它么? 最佳的网站是将可用性和视觉...

阅读(1554)赞 (0)

WEB前端

10款基于html5实现的web前端源码的预览下载

10

爱前端网 - Yang 发布于 2014-10-12

1.图片滑块对比特效Image Comparison Slider Image Comparison Slider是一款可以通过鼠标左右滑动,来显示两张图片前后对比的插件,你可以轻松的使用它来为用户展示网站中两个产品之间的差异。 在线演示 源码下载 2.html5和css3打造一...

阅读(3659)赞 (1)

WEB前端

5款基于jquery的web前端效果预览

5

爱前端网 - Yang 发布于 2014-10-11

1.基于jquery的圆形动画按钮 今天要给大家带来一款基于jquery的圆形动画按钮。这款按钮鼠标经过的时候以边框转圈,然后逐渐消息,在实例中给出了四种颜色的demo。 在线演示 源码下载 2.使用jQuery和CSS3制作数字时钟 数字时钟可以应用在一些WEB倒计时效果、WE...

阅读(2052)赞 (0)

WEB前端

10款web前端基于css3和jquery的源码预览

10

爱前端网 - Yang 发布于 2014-10-10

1.基于jquery和css3实现的摩天轮式分享按钮 之前分享了很多css3实现的按钮。今天要给大家带来一款基于jquery和css3实现的摩天轮式分享按钮。这款分享按钮页面底部有一个toggle按钮,单击该按钮,摩天轮按钮以动画的形式出现,各个分享按钮挂在摩天轮上。 在线演示 ...

阅读(2200)赞 (0)

WEB前端

10款web前端基于css3和HTML5的源码预览下载

10

爱前端网 - Yang 发布于 2014-10-09

1.纯CSS3模拟烧烤动画 今天要来分享一款非常有创意的CSS3动画,这款动画模拟了一个烧烤架,烧烤架上的食物也都是用纯CSS3绘制而成,没有用一张图片,效果相当逼真。另外一个有意思的是,这个CSS3烧烤架还会冒烟,模拟了烧烤时的情景。 在线演示 源码下载 2.纯CSS3实现人物...

阅读(2461)赞 (0)

WEB前端

9款web前端超酷创意HTML5动画演示及代码

9

爱前端网 - Yang 发布于 2014-10-08

HTML5是未来的网页开发神器,今天分享的这些HTML5动画大部分利用了CSS3的动画属性来实现,废话不多说,直接上演示和代码。 1、HTML5/CSS3实现大风车旋转动画 这次我们要来分享一款很酷的HTML5动画,是一个可以旋转的大风车动画效果,回顾一下利用HTML5实现的旋转...

阅读(2620)赞 (0)

WEB前端

实现网页页面跳转的几种方法

爱前端网 - Yang 发布于 2014-10-07

今天总结了几种页面跳转的方法,分别是用meta标签实现、用javascript实现、用php实现,下面就来一一分享一下吧。 1、meta标签实现 只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面 <meta http-equiv=”r...

阅读(1926)赞 (0)

WEB前端

去除web前端表单浏览器默认样式

爱前端网 - Yang 发布于 2014-10-06

我们在写表单的时候会发现一些浏览器对表单赋予了默认的样式,如在Chorme浏览器下,文本框及下拉选择框当载入焦点时,都会出现发光的边框,并且在火狐及谷歌浏览器下,多行文本框textarea还可以自由拖拽拉大,另外还有在IE10下,当文本框输入内容后,在文本框的右侧会出现一个小叉叉...

阅读(1594)赞 (0)

WEB前端

专业针对FireFox,Chrome,Opera的CSS Hack

1

爱前端网 - Yang 发布于 2014-10-05

在做页面遇到兼容性问题时,我们大多用到的是针对IE的CSS Hack,但有时候做出的页面却偏偏在IE上正常,在火狐或谷歌上却产生了兼容问题,这时该怎么办呢?要是能写个专门针对火狐或谷歌的css样式该多好啊。其实不用发愁,确实有这样的CSS Hack。下面来具体看一下吧 针对火狐浏...

阅读(1538)赞 (0)

WEB前端

WAP网站设计标准规范

1

爱前端网 - Yang 发布于 2014-10-04

1. 手机浏览器兼容性测试结果概要 1.1 XHTML部分 大多数手机不支持的: * 表单元素的“disable”属性 部分手机不支持的: * “button”标签 * “input[type=file]“标...

阅读(1772)赞 (0)

WEB前端

10款基于 jQuery & CSS 的web前端的效果插件

10

爱前端网 - Yang 发布于 2014-10-03

jQuery 和 CSS 可以说是设计和开发行业的一次革命。这一切如此简单,快捷的一站式服务。jQuery 允许你在你的网页中添加一些真正令人惊叹的东西而不用付出很大的努力,要感谢那些优秀的 jQuery 插件。 所以今天我们将展示一些很酷的文本效果插件,将帮助你为你的 Web ...

阅读(1883)赞 (0)

WEB前端

CSS执行顺序及其优先权问题总结

爱前端网 - Yang 发布于 2014-09-30

今天在看一本书时又看到了”CSS优先权“这个问题,感觉这个问题还是比较重要的,也算是样式的特异性吧,尤其是在面对较多、较深层、较复杂的样式属性时,理解CSS的加权计算方法对于重写样式属性之类的问题都会迎刃而解。那么接下来我就把CSS的执行顺序及其优先权问题...

阅读(1617)赞 (0)

WEB前端

CSS3中background属性的调整

爱前端网 - Yang 发布于 2014-09-29

CSS3对于background做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强。 1、多个背景图片 在css3里面,你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写法,但引用图片之间需用“,&...

阅读(1722)赞 (0)

WEB前端

CSS语义化命名及常用命名规则

爱前端网 - Yang 发布于 2014-09-28

CSS语义化命名 从上图我们可以大概看出这里有两种CSS的命名方式:1、结构化命名法;2、语义化命名法。 结构化命名法:根据页面中板块的位置而命名,如上图中的content-left,这时如果我们想把侧边栏sidebar放在左边,那么这时content-left板块却在右边,板块...

阅读(1564)赞 (0)

WEB前端

用条件注释判断浏览器版本,解决兼容问题

爱前端网 - Yang 发布于 2014-09-27

对于浏览器兼容问题,我们应该碰到很多了,在平时写一些页面时,在IE8、IE9上可能好好的,当我们在IE6、IE7或者是其他的浏览器上再浏览 这些页面时,可能会发现我们的页面已经面目全非了,作为一名前端开发人员,这是最让人发疯的问题了,那么我们该怎么解决这些问题呢? 首先, 我们写...

阅读(1429)赞 (0)

WEB前端

五款基于jquery实现web前端的预览及源码下载

5

爱前端网 - Yang 发布于 2014-09-24

1.由jquery实现的超炫的页面加载特效 今天为大家带来一款由jquery实现的超炫的页面加载特效。连续的几个页面分开特效。最后由三维的线条由远至近消失,然后由近至远出现。效果超级梦炫。 在线预览 源码下载 2.Flexslider – 响应式的 jQuery 内容滚动插件 F...

阅读(1781)赞 (0)