Outras tecnologias

Menu estilo MAC OS X (Fisheye) com dojo

Por em

Esse post vai atestar o quão fácil é utilizar o DOJO e também como são incríveis seus efeitos.

Clique na imagem abaixo para saber do que estamos falando:

Requisitos para fazer tal menu:

  • Baixar o Dojo (http://download.dojotoolkit.org/downloads)

No header da sua página HTML você tem que incluir a biblioteca do dojo:


Na CSS:

/* dojo fisheeye */

.dojoxFisheyeListItemLabel {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: white;
border: 1px solid #666;
padding: 2px;
text-align: center;
position: absolute;
display: none;
white-space:pre;
font-size: 12px;
}
.dojoxFisheyeListItemLabel.dojoxFishSelected {
display: block;
}
.dojoxFisheyeListItemImage {
border: 0px;
position: absolute;
}
.dojoxFisheyeListItem {
position: absolute;
z-index: 2;
}
.dojoxFisheyeListBar {
position: relative;
}

Arquivo HTML:


Qualquer dúvida, só comentar.