jQuery插件实现css3效果

jQuery插件实现css3效果的相关文章

• 
  CSS3中如何实现渐变效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  渐变可以创建类似于彩虹的效果，低版本的浏览器不的不使开发者用图片来实现，CSS3将会轻松实现网页渐变效果。 要得上面的线性渐变效果，我们这样去定义CSS3样式： background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa); /* Firefox */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); /* Saf4+, Chrome */filter: prog...[ 查看全文 ]

  小小妞91

  171
• 
  使用CSS3新技术 完美实现圆角效果

  标签：Web开发

      现在使用CSS3 技术不需要图片即可实现圆角，把侧边栏标题背景的圆角效果和搜索框的圆角效果用 CSS3 实现。记录一下以便以后使用。W3C 很早就制订了实现了 CSS 圆角的 CSS3 属性：border-radius，Firefox 和 Safari 也通过私有属性实现了该功能：     效果如下：     其中 -moz-border-radius 是 Firefox 实现圆角的私有属性，而 -webkit-border-...[ 查看全文 ]

  王春源4614

  01
• 
  用css3制作纸张效果

  标签：Web开发

  一、中规中矩的效果 所谓中规中矩的效果就是加个投影，贴个胶带什么的。效果如下： 您可以狠狠地点击这里： 中规中矩纸张效果demo 这里纸张本身的效果没有什么说头的，就是个CSS3的 box-shadow投影 效果而已，相关代码如下： -moz-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.2); 反而是上面的...[ 查看全文 ]

  装修赌石翡翠

  281
• 
  jquery 插件实现图片延迟加载效果代码

  标签：Web开发

  减少了页面加载的时间了，也减轻了服务器的压力，看了一下javascript源码，里面写的了lazyload，我就百度了一下，找到了一个jquery的实现这种效果的插件：jquery.lazyload，一个很不错的插件。 比如你打开一个比较大或者长的网页，那么Lazy load能够实现先加载您所看到区域的图片，等你滚动到哪里，就加载那里的图片。 如果你是图片网站，而且一个页面要加载很多图片，这个插件是个很不错的选择。 如何使用...[ 查看全文 ]

  BJBJabcd

  31
• 
  CSS3教程(1):什么是CSS3

  标签：Web开发

  CSS3不是新事物，更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里，已经准备好了首次登场，呷着咖啡，等着浏览器来铺上红地毯。你看，浏览器需要跟上了 注意：浏览器需要改进 尽管把玩CSS3是很有趣的事情就像接下来我要演示的几篇教程中表现的那样，但是需要了解的是，CSS3并没有被当前浏览器完全的支持。也就是说，如果你要在你的网站中使用CSS3，请确认有针对不支持CSS3的浏览器的...[ 查看全文 ]

  溫柔的反目丶

  31
• 
  CSS3教程(7):CSS3嵌入字体

  标签：Web开发

  想要制作一些很酷的头部效果而且摆脱网站安全字体并且不使用图片文件？那么就使用CSS3嵌入字体吧！ 上一篇：CSS3教程(6):创建网站多列 要使用一款字体，我们首先需要使用‘@font-face’属性。这必须先准备好我们要用的字体文件。 尽管这样，让我们简单的学习一下字体方面的历史。@font-face属性从CSS2就已经考虑了，但却始终在CSS2.1中还没有出现。CSS3尝试经它带到标准中来。 如果你手上没...[ 查看全文 ]

  不安静的失落

  21
• 
  33款CSS3实现的绚丽鼠标悬停效果分享

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  只要你有创意，完全可以使用CSS3来实现漂亮的动效，当然如果配合jQuery，这样会更加强大，实现更多高级绚丽的动画效果。鼠标hover效果是很常用的，虽然很细微的东西，但网站的细节注定的网站的体验，所以也不要忽视这些小细节。 今天设计达人网整理了33个使用jQuery与CSS3实现绚丽的鼠标悬停效果，有些是纯CSS3的，这些效果你完全可以用在你的网页上，让网站获得更好的体验。 Animated Opening Type （...[ 查看全文 ]

  烈焰群狼灬狼头

  401
• 
  CSS3实现的五种很酷很炫的效果欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  CSS3 给 Web 开发带来了革命性的影响，以前很多需要 JavaScript 才能实现的复杂效果，现在使用 CSS3 就能简单的实现。如果你想了解 CSS3 可以做些什么的话，可以参考本文列出的 CSS3 能实现的很炫的应用。这些很酷的例子中有渐变、旋转、字体效果以及三维变换等等，尽情欣赏吧。 1. 制作精美的按钮 2. 实现很酷的字体效果 3. 创建时尚的表单 ...[ 查看全文 ]

  csdnsa_qiaf

  141
• 
  CSS3教程(10):CSS3 HSL声明设置颜色

  标签：Web开发

  使用CSS3 HSL声明同样是用来设置颜色的。下一个呢？ HSLA？ 是的，这个和RGBA的效果是一样的。 上一篇文章：CSS3教程(9):设置RGB颜色 HSL声明使用色调Hue(H)、饱和度Saturation(s)和亮度Lightness(L)来设置颜色。 Hue 衍生于色盘：0和360是红色，接近120的是绿色，240是蓝色。 Saturation 值是一个百分比：0%是灰度，100%饱和度最高 Lightness 值也是一个百分比：0%是最暗，50%均值，100%最亮。 ...[ 查看全文 ]

  张杰马玉涛

  41
• 
  CSS3教程(8):CSS3透明度指南

  标签：Web开发

  CSS3透明不透明渐变随便你怎么叫它吧！这里是一些使用CSS3透明度的指南以及一些例子。 其实这个firefox很久以前就支持了，而IE一直不支持！ 上一篇文章：CSS3教程(7):CSS3嵌入字体 opacity声明用来设置一个元素的透明度：层、文字、图片等一个opacity的值为1的元素是完全不透明的，反之，值为0是完全透明的，看不见的。1到0之间的任何值都表示该元素的透明程度。 浏览器兼容性 opacity是浏览器支持...[ 查看全文 ]

  天蝎赵忠航

  31
• 
  可用CSS3实现的常见网页设计应用

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  对于设计人员和开发人员来说， CSS 一直是web设计过程中重要的一部分，随着 CSS3 的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。现在，用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器(甚至是支持CSS3的浏览器)运行，有些只是展示并没什么实际用途， 但仅用CSS实现出这些效果也是一大进步。 这里有几个可以使用CSS3实现的常见网页设计应用，你可以马上动手...[ 查看全文 ]

  痛过所以青春

  31
• 
  实现CSS3动态进度条及JQUERY百分比数字显示

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  在网页设计中，想必一个精彩的进度条将会为你的网站增添不少的精彩，一个好的网页设计往往体现在一些小的细节上面，细节决定了成功与否。在此之前也为大家分享了一些关于进度条的设计 ― 让人不得不爱的22个UI进度条设计。有了设计理念和作品，那我们怎么用最精彩的方法运用到我们的网页制作当中呢﹖今天就为大家分享一个利用css3制作动态进度条以及附加jQuery百分比数字显示。其效果对比flash来说却毫...[ 查看全文 ]

  柚子喝酸奶

  631
• 
  初步了解CSS3

  标签：Html CSS布局 Div+CSS XHTML

    最近闲来无事，上W3C转了一圈，粗略地浏览了一下尚未发布的CSS3，虽然还未被W3C正式发布出来，但还是能从已有的资料中窥出一些端倪，一个很明显的特征，CSS3制订得越来越细致了，某些细节之处完全超乎你所能想象的到的范围。 在这里不提及CSS3的语法，因为对于目前尚未有软件支持的CSS3，任何语法的探讨都像是空中楼阁，毫无意义可言。以下我就列举一下CSS3中部分新内容。 1、...[ 查看全文 ]

  3鈨o笍濮

  41
• 
  用CSS3做的各种网页效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器(甚至是支持CSS3的浏览器)运行，有些只是展示并没什么实际 用途， 但仅用CSS实现出的这些效果似乎没什么可以挑剔的。 对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了 更多的选择。用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有...[ 查看全文 ]

  々々米修

  141
• 
  jquery.lazyload 实现图片延迟加载jquery插件

  标签：Web开发

  什么是ImageLazyLoad技术 在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，这样势必会引起速度上质的提升。 怎么实现ImageLazyLoad 一、使用JQuery插件 ，插件名: jquery.lazyload（7kb大小），压缩后（3kb大小） ...[ 查看全文 ]

  脸红月

  181
• 
  CSS教程：详解CSS3 Media Queries

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  说起CSS3的新特性，就不得不提到 Media Queries 。本文比较详细，所以很多实际中用不到。所以如果只是想简单了解Media Queries，推荐参考 CSS3 Media Queries 。 CSS2.1定义了 Media 的部分，包括类型、组别和规则等。CSS并非为了显示器而创造，而是应用于各种各样的媒体，比如常见的显示器，越来愈多的手持设备，可能略显过时的电视机等等。 而 Media Queries 的引入，其作用就是允许添加表达式用以确定媒...[ 查看全文 ]

  运城学院好男人

  21
• 
  jQuery插件 tabBox实现代码

  标签：Web开发

  打包下载 查了一下jq的官方插件编写文档（ http://docs.jquery.com/Plugins/Authoring ）以及文档中推荐的Mike Alsup写的一篇 A Plugin Development Pattern 。英语不是很好，但还是努力看下来（既学习到知识又能练习英语，何乐不为），照猫画虎的写了一个处女作——tabBox。 顾名思义，这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白 这样功能在网页上是非常肠炎宁个的，不论...[ 查看全文 ]

  smilebirdtime

  111
• 
  CSS3 有关的问题

  标签：Web开发

  Eric A. Meyer 对基于 Web 标准的 CSS 与 HTML 绝非一知半解，他是这个领域杰出的专家，曾写过不少 CSS 方面的书，是 An Event Apart 的合伙创始人，A List Apart 团队成员，还是 Complex Spiral Consulting 的创始人。另外， Eric Meyer 7年来一直是 CSS Working Group 资格深获邀专家，他们负责维护和开发 CSS。   不用说，如果要找个人请教一些 CSS 方面的问题，Eric Meyer 就是那个人。本文作者...[ 查看全文 ]

  你印哥

  21
• 
  CSS3系列教程:阴影

  标签：Web开发

  阴影大约从CSS2就开始有了，但是只有Safari一个浏览器支持它，到现在依然是这样。阴影在CSS3中可以应用在边框和文字上，就像图片的阴影效果一样。 一般可以分为box-shadow和textshadow两类。 CSS3的box-shadow和textshadow可以写做：box-shadow:Apx Bpx Cpx #xxx; Apx = x轴 Bpx = y轴 Cpx = 投影长度 #XXX = 像通常一样的颜色 了解了这些，我们就可以以下面的方法开始体验了 浏览器兼容性： 在前面的介...[ 查看全文 ]

  cghjvhome

  21
• 
  Jquery 弹出层插件实现代码

  标签：Web开发

  直接看代码： 代码如下: %@ Page Language="C#" AutoEventWireup="true" CodeFile="Layer.aspx.cs" Inherits="Layer" % !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head runat="server" title/title script src="jquery-1.3.2.js" type="text/javascript"/script scri...[ 查看全文 ]

  筱彭妈咪

  61