javascript – 你知道一个网站在0到90度的角度实现菜单栏吗?

前端之家收集整理的这篇文章主要介绍了javascript – 你知道一个网站在0到90度的角度实现菜单栏吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我被要求实现一个既不水平也不垂直的菜单栏.这是两个示例按钮:

Menu bar http://img130.imageshack.us/img130/4820/dropdownf.jpg

这对我来说是新的,所以要学习如何使这项工作,我正在寻找一个使用类似菜单栏的网站(或更好的教程).有任何想法吗?

解决方法

你应该看看这里

http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/

或使用这样的

更新:

/* for firefox,safari,chrome,etc. */
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
/* for ie */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
/* for opera */
-o-transform: rotate(-90deg);

见例http://jsbin.com/ajoqe/4

更新:2

或使用此扩展程序

通用CSS转换:旋转(免费扩展):http://www.dmxzone.com/go?17422#Overview

06001

is a jQuery based,build only with
HTML & CSS – no Flash what so ever! It
even supports IE6 next to the other
major browsers.
* Search engine friendly – The Universal CSS Transforms: Rotate is
pure HTML and CSS based and generates
search engine friendly HTML code that
can be nicely indexed by all search
engines and web spiders.

更新3

或使用此http://code.google.com/p/jquery-rotate/

Two JavaScript image handling
implementations are supported:

    @H_404_49@using DXImageTransform filter for Microsoft Internet Explorer @H_404_49@using Canvas object for other browsers

The library has been tested with:

06002

猜你在找的JavaScript相关文章