rwwnml： 你不知道的JavaScript和CSS交互的方法

随着浏览器不断的升级改进，CSS和JavaScript之间 的界限越来越模糊。本来它们是负责着完全不同的功能，但最终，它们都属于网页前端技术，它们需要相互密切的合作。我们的网页中都有.js文件和.css文 件，但这并不意味着CSS和js是独立不能交...

2015-06-13 12:39 来自版块 - 站长技能提升

leige0505： CSS3+jQuery的互动走势图

在线演示 在本教程中，我们将编写一个交互式图形使用jQuery和CSS3。我们将使用jQuery的流行的绘图插件“Flot”。Flot是一个纯粹的JavaScript，jQuery的绘图库。这个插件很简单，但强大到足以创造出一些漂亮的和交...

2015-06-10 07:51 来自版块 - 站长技能提升

55688110： 使用CSS3特效让你的页面菜单变得更加有趣

在这篇文章中，我们将介绍一些快速而有效的方法来实现CSS3的菜单特效。这里我们将添加干净漂亮的悬浮特效来给你的菜单添加更多乐趣。希望大家喜欢！ 首先在每个菜单项目中我们包含一个带有俩个span元素的链接，如下： [*] [*...

2015-04-09 02:03 来自版块 - 站长技能提升

57470116： CSS3 Transitions（基础）

Step1:Link transitions 开头，我们做一些基础的练习：当指上文字的时候，改变其颜色！ 代码如下： .case1 a{ color:#333; -webkit-transition:color 500ms ease-...

2015-02-06 03:09 来自版块 - 站长技能提升

mvpeople： CSS3每日一练之选择器-结构性伪类选择器[一]

本节来学习一下CSS 3.0中的结构性伪类选择器，在这之前，先来简单的回顾一下CSS 2.0中的类和伪类选择器，我们知道在CSS中，可以使用类选择器把相同的元素定义成不同的样式，譬如针对一个p元素，我们可以做如下定义： p.left{color...

2015-01-10 22:55 来自版块 - 站长技能提升

htkxcg： CSS3 Admin Menu

这一个个人信息面板导航效果，整个效果展示的是个人相关信息的菜单项，以及搜索功能。在这个案例中使用的CSS3属性相对较多，有transition做的过渡动画效果、有transform做的3D旋转动画、@font-face实现的icon效果，gradie...

2014-12-19 05:00 来自版块 - 站长技能提升

风中的峰： 分享一个纯CSS开发的气泡式提示框

作为前端开发人员，我们都熟悉使用CSS来生成页面上丰富的样式，对于边框border属性来说，也是我们最熟悉不过的CSS属性，今天我们这里将介绍如何使用纯CSS来生成一个气泡式样的提示框，希望大家喜欢！ Demo下载：分享一个纯CSS开发...

2014-11-30 18:06 来自版块 - 站长技能提升

cbyidiaw： HTML5技术实现剪切+上传图片的功能

我们曾经被几个读者问到同一个问题——如何将照片传到网上。我认为这是一个很有趣的问题，我决定在本文中解决掉这个问题。但是，我认为只是单纯的实现上传功能可能会有些单调，所以我决定添加一个很重要的元素—剪切功能。相信这样应该更有魅力的说。 htm...

2014-11-07 01:48 来自版块 - 站长技能提升

adsl5555： 使用 jQuery & CSS3 实现优雅的手风琴效果

　　手风琴效果常用于切换显示一组内容，这种方式既可以节省网页空间又可以有动画效果。今天，我们将创造一个优雅的手风琴内容效果。这个想法是有悬停时滑出一些垂直手风琴标签。我们将添加一些 CSS3 属性来提升外观。 效果演示 插件下载 HTM...

2014-08-25 17:34 来自版块 - 站长技能提升

gds888fd： CSS渐变色效果的实现方法与效果演示

通过CSS border-radius，我向大家展示了如何实现方形元素的圆角效果，这解决了以前美工画出这种效果而开发人员无法实现的问题。CSS渐变色(Gradients)也是一个类似的技术。现在火狐，谷歌浏览器，Safari，IE8+都支持这种技术...

2014-03-28 07:42 来自版块 - 站长技能提升