Yang的文章 第36页

WEB前端

css与javascript跨浏览器兼容性总结

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

本文以大量实例形式总结了css与javascript跨浏览器的兼容性问题。分享给大家供大家参考。具体总结如下: 一、CSS样式兼容性 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无...

阅读(2087)赞 (0)

WEB前端

web前端的8款不同的jquery特效的源码及预览

8

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

1.使用 FocusPoint.js 实现图片的响应式裁剪 通常网站的布局都不是单一的。例如图像在电脑、平板和智能手机上可能显示的形状是不同的。特别是如果你使用的是全屏图像,在你必须使用相同的图像文件的情况下,你的主题可能会被截断或完全缺失,或者看起来很尴尬。 FocusPoin...

阅读(1747)赞 (0)

WEB前端

Flexslider图片轮播文字图片相结合滑动切换效果

1

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

Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。 Flexslider具有以下特性: 支持滑动和淡入淡出效果。 支持水平、垂...

阅读(2036)赞 (0)

WEB前端

9款基于jquery的web前端的特效预览及源码下载

9

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

1.高兼容性的jQuery高亮关键词搜索插件 高兼容性的jQuery高亮关键词搜索插件,在搜索框中输入要搜索的的字,下方就会出现当前输入字在文章中出现背景色。 在线演示 源码下载 2.jQuery响应式图片滚动播放插件 jQuery响应式图片滚动播放插件,jQuery响应式图片播...

阅读(1646)赞 (0)

WEB前端

10款jquery图片广告特效的预览及源码下载

20

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

1.jQuery仿海尔官网全屏焦点图特效代码 Query仿海尔官网全屏焦点图特效代码,带有左右箭头的jQuery焦点图切换特效。当焦点图切换时,下方的三块小图也相对应的进行切换。 在线演示 源码下载 2.非常炫酷的jQuery动态随机背景滚动特效 非常炫酷的jQuery动态随机背...

阅读(1646)赞 (0)

WEB前端

web前端中css3属性渐变详解

3

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

今天总结渐变的问题,渐变分为线性渐变、径向渐变。呼呼,废话少说, 线性渐变:background:linear-gradient(设置渐变形式,第一个颜色起点,中间颜色点 中间颜色的位置,结束点颜色); Linear:渐变的类型(线性渐变); 渐变的形式:可选参数 有两种方式-1...

阅读(2250)赞 (0)

WEB前端

10款web前端的jquery特效的预览及源码

10

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

1.jquery hover鼠标悬停品牌图片旋转动画展示 jquery hover鼠标悬停图片特效,品牌图片列表通过鼠标滑过品牌图片旋转动画展示,鼠标离开品牌图片旋转回来。非常适合做广告位展示! 在线演示 源码下载 2.jquery智能提示邮箱列表特效 jquery智能提示邮箱列...

阅读(1463)赞 (0)

WEB前端

10款令人惊叹的HTML5动画及源码分析下载

11

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

HTML5非常酷,利用HTML5制作动画简直让我们忘记了这世界上还有flash的存在。今天我们要分享的一些HTML5动画都还不错,有些动画设计还是挺别出心裁的。另外,每一款HTML5动画都提供源代码下载,并且我们对源码作一些简单的分析。 1.纯css3实现的圆形旋转分享按钮 今天...

阅读(2131)赞 (0)

WEB前端

5款经典的web前端的jQuery特效的源码特效

5

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

1.jQuery 3D圆盘旋转焦点图 支持鼠标滚轮 今天介绍的这款jQuery焦点图非常特别,所有图片围成一个圆圈,组成一个立体视觉的圆盘,并且可以旋转选择圆盘中的图片。另外,这款jQuery 3D圆盘旋转焦点图插件还支持鼠标滚轮,可以让你更方便地浏览图片。 在线演示 源码下载 ...

阅读(2255)赞 (0)

WEB前端

7款经典炫酷的HTML5/jQuery动画应用示例及源码

7

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

jQuery是一款普遍受前端开发者欢迎的Javascript框架,但是开发者貌似更关注jQuery开发的插件,海量的jQuery插件让前端开发者非常方便。HTML5的加入让jQuery这个家族更加丰富多彩,因为利用HTML5,我们可以制作更加绚丽动感的动画特效,HTML5结合jQ...

阅读(3256)赞 (0)

WEB前端

CSS和JS去掉链接虚线框的多种方法

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

当我们点击链接后,链接周围会显示一个虚线框,那么怎么去掉这个虚线框呢?其实方法还挺多,用CSS就可以,但使用javaScript似乎也是一个好方法。 1. CSS方式去掉链接虚线框的方法: 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus=&...

阅读(1523)赞 (0)

WEB前端

你真的了解margin吗?你知道margin有什么特性吗?

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

写css,你少不了与margin打交道。你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素、内联元素中的区别?什么时候该用padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常...

阅读(1430)赞 (0)

WEB前端

web前端中HTML的奇葩嵌套规则

1

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

一、HTML 标签包括 块级元素(block)、内嵌元素(inline) 1、块级元素 一般用来搭建网站架构、布局、承载内容……它包括以下这些标签: address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr...

阅读(1712)赞 (0)

WEB前端

基于jquery多种切换效果的焦点图(兼容ie6)

2

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

基于jquery多种切换效果的焦点图(兼容ie6) 随着html5和css3的诞生。各种非常酷、非常炫的网页焦点图在各个前端技术网上满天飞。基于html5和css3技术的焦点图有一个弊端就是要在ie9以上才支持。这让需兼容ie6到ie8的页面又爱又恨。下面为大家介绍一款完全基于j...

阅读(1698)赞 (0)

WEB前端

15个web前端的美轮美奂的 jQuery 图片特效

15

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

jQuery是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择。其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入各种精美的图片展示效果。下面向大家分享精心挑选的23款优秀 jQuery 图片特效插...

阅读(3395)赞 (0)

WEB前端

如何提升 CSS 选择器的性能?

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

CSS 选择器性能损耗来自? CSS选择器对性能的影响源于浏览器匹配选择器和文档元素时所消耗的时间,所以优化选择器的原则是应尽量避免使用消耗更多匹配时间的选择器。而在这之前我们需要了解CSS选择器匹配的机制, 如子选择器规则: #header > a {font-weigh...

阅读(1716)赞 (0)

WEB前端

10款让你心动的 HTML5 & CSS3 效果

11

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

这里集合的这组 HTML5 & CSS3 效果,有的是网站开发中常用的、实用的功能,有的是先进的 Web 技术的应用演示。不管哪一种,这些案例中的技术都值得我们去探究和学习。 1、超炫的 HTML5 粒子效果进度条 我喜欢粒子效果作品,特别是那些能够应用于实际的,例如这个...

阅读(4814)赞 (0)