2008年9月26日css滑动门:CSS实现当前页的滑动门菜单效果方法
当前页面--比如说现在的页面是首页，那么在导航栏上首页的色彩等和其他栏目有所不 同，用以给浏览者一个明显的指示。 下面来说下具体的做法，菜单的基本实现和一般的CSS菜单没多大区别，着重说下如何 实现当前页。 设菜单有5个栏目:home、about、products、services、contact，分别给每个栏目一 个ID，m1-m5，CSS可写成如下: CSS源代码： 以下是引用片段： #home#navli#m1a, #about#navli#m2a, #products#navli#m3a, #services#navli#...
[阅读全文] [PDF]
2008年9月26日css中的滑动门技术:CSS中的滑动技术
在CSS中，一个经常被人们讨论的先进之处即背景图像的可层叠性，并允许他们在彼此之上进行滑动，以创造一些特殊的效果。根据CSS2.0当前的规定，每一个背景图像都需要各自的HTML元素。在许多情况下，典型的标记已经为一般的接口组件提供了多种元素以供我们使用。标签导航栏就是其中的一个例子。过去，我们频繁的使用这些标签，并已成为了一种非常流行的站点导航方式。现今，在CSS已被广泛支持的前景下，我们可以为我们站点制作出更高质量和更好外观的标签导航栏来。你也许知道CSS可以用来“驯服”无序的列表，或许你还曾经看到过这种样式的标签列表：如果我们想用和以上类似的标记，将导...
[阅读全文] [PDF]
2008年9月26日css滑动门:CSS滑动式条状图表如何实现？
在前面的文章中，我们介绍了如何实现CSS基本条状图表：http://www.52css.com/article.asp?id=362。现在我们介绍如何实现CSS滑动式条状图表。效果如下图： 这种形式的条状图在实际应用中有着非常好的表现力，有现实使用意义。我们可以通过这样的方式形象的表述出数值的变化与对比关系。 这样的CSS滑动式条状图表如何实现？我们看下面的代码： Example Source Code [www.52css.com]<dl><dt>LoveLife</dt><dd><...
[阅读全文] [PDF]
2008年9月26日css滑动门:CSS滑动门菜单是什么意思 如何实现？
看到这一篇文章，想必你在学习CSS技术，CSS的含义你一定也不陌生：层叠样式表。我们需要注意样式的可层叠性。在以往的制作中，我们往往将导航菜单处理成直角的矩形，或者直接定义Border和Background的样式即完成了菜单的制作。难道我们只能这样了吗。我们需要制作出更加美观、实用、方便的菜单。 什么是滑动门技术？究其本意，就是根据文本自适应大小，进行滑动。我们可以用背景图片来营造这样的现象，一个在左一个在右，把这两个图片想象成可以滑动的门，当文本较少的时候，两个图片重叠的就多些，当文本较多的时候就滑动开，重叠的部分就少一些。我们看下面的...
[阅读全文] [PDF]
2008年9月26日css滑动门:CSS实现当前页的滑动门菜单效果方法
当前页面--比如说现在的页面是首页，那么在导航栏上首页的色彩等和其他栏目有所不同，用以给浏览者一个明显的指示。下面来说下具体的做法，菜单的基本实现和一般的CSS菜单没多大区别，着重说下如何实现当前页。设菜单有5个栏目:home、about、products、services、contact，分别给每个栏目一个ID，m1-m5，CSS可写成如下:CSS源代码： Example Source Code [www.52css.com] #home#navli#m1a, #about#navli#m2a, #products#navli#m3a,...
[阅读全文] [PDF]
1 共5条 分1页
