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@H_502_30@ HTML & CSS – no Flash what so ever! It@H_502_30@ even supports IE6 next to the other@H_502_30@ major browsers.@H_502_30@ * Search engine friendly – The Universal CSS Transforms: Rotate is@H_502_30@ pure HTML and CSS based and generates@H_502_30@ search engine friendly HTML code that@H_502_30@ can be nicely indexed by all search@H_502_30@ engines and web spiders.

更新3

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

Two JavaScript image handling@H_502_30@ implementations are supported:

  1. using DXImageTransform filter for Microsoft Internet Explorer
  2. using Canvas object for other browsers

The library has been tested with:

06002

原文链接:https://www.f2er.com/js/159534.html

猜你在找的JavaScript相关文章