8/8/2007<html>
<head>
<title>experience dhtml coolmenus</title>
</head>
<body>
<script language="javascript1.2" src="ejemplos/coolmenus3.js">
/*****************************************************************************
copyright (c) 2001 thomas brattli (www.bratta.com)
experience dhtml coolmenus - get it at www.bratta.com
version 3.02
this script can be used freely as long as all copyright messages are
intact.
******************************************************************************/
</script>
<script>
function lib_bwcheck(){ //browsercheck (needed)
this.ver=navigator.appversion; this.agent=navigator.useragent
this.dom=document.getelementbyid?1:0
this.ie5=(this.ver.indexof("msie 5")>-1 && this.dom)?1:0;
this.ie6=(this.ver.indexof("msie 6")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexof("mac")>-1
this.opera5=this.agent.indexof("opera 5")>-1
this.ns6=(this.dom && parseint(this.ver) >= 5) ?1:0;
...
Download Javascript |
Ver ejemplo javascript
8/8/2007<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html><head><title>menú desplegable apartir del botón derecho</title>
<style>.skin0 {
background-color: #ffffcc; border-bottom: black 2px solid; border-left: black 2px solid; border-right: black 2px solid; border-top: black 2px solid; cursor: default; font-family: verdana; font-size: 10px; line-height: 15px; position: absolute; visibility: hidden; width: 225px
}
.menuitems {
padding-left: 10px; padding-right: 10px
}
</style>
<script language=javascript1.2>
var menuskin=0
var display_url=0
function showmenuie5(){
var rightedge=document.body.clientwidth-event.clientx
var bottomedge=document.body.clientheight-event.clienty
if (rightedge<ie5menu.offsetwidth)
ie5menu.style.left=document.body.scrollleft+event.clientx-ie5menu.offsetwidth
else
ie5menu.style.left=document.body.scrollleft+event.clientx
if (bottomedge<ie5menu.offsetheight)
ie5menu.style.top=document.body.scrolltop+event.clienty-ie5menu.offsetheight
else
ie5menu.style.top=document.body.scrolltop+event.clienty
ie5menu.style.visibility="visible"
...
Download Javascript |
Ver ejemplo javascript
8/8/2007<html>
<head>
<title>ejemplo de los distintos tipos de menúes</title>
<script language="javascript1.2" src="ejemplos/menu.js"></script>
<script language="javascript1.2">
<!--
function onload() {
loadmenus();
}
function loadmenus() {
//dynamic menus
window.mymenu = new menu();
mymenu.addmenuitem("my menu item a");
mymenu.addmenuitem("my menu item b");
mymenu.addmenuitem("my menu item c");
mymenu.addmenuitem("my menu item d");
window.mymenu2 = new menu("example 2");
mymenu2.addmenuitem("devedge online", "top.window.location='http://developer.netscape.com'");
mymenu2.addmenuitem("view source", "top.window.location='http://developer.netscape.com/viewsource/'");
mymenu2.addmenuitem("netcenter", "top.window.location='http://home.netscape.com'");
mymenu2.addmenuitem("download", "top.window.location='http://home.netscape.com/download/'");
...
Download Javascript |
Ver ejemplo javascript
8/8/2007<html>
<head>
<title> barra de menu </title>
<!-- please see http://www.brainjar.com for terms of use. -->
<style type="text/css">
div.menubar,
div.menubar a.menubutton,
div.menu,
div.menu a.menuitem {
font-family: "ms sans serif", arial, sans-serif;
font-size: 8pt;
font-style: normal;
font-weight: normal;
color: #000000;
}
div.menubar {
background-color: #d0d0d0;
border: 2px solid;
border-color: #f0f0f0 #909090 #909090 #f0f0f0;
padding: 4px 2px 4px 2px;
text-align: left;
}
...
Download Javascript |
Ver ejemplo javascript
8/8/2007<html>
<head>
<title> slidemenu </title>
<style type="text/css">
div.clslide{position:absolute; ;z-index:10; left:0; width:138; height:22; clip:rect(0,138,22,0); padding:3px;}
div.clslidesub{position:absolute; ;z-index:10; padding:2px; clip:rect(0,127,20,0); width:127; height:20; left:8; visibility:hidden}
div.clslidesub2{position:absolute; ;z-index:10; padding:2px; clip:rect(0,118,20,0); width:118; height:20; left:8; visibility:hidden}
#divslidecont{position:absolute; z-index:10; left:0; top:100; height:600; width:170; visibility:hidden}
a.clslidelinks{font-family:verdana, helvetica, helv; font-size:11px; font-weight:bold; text-decoration:none; color:white}
a.clslidesublinks{font-family:verdana, helvetica, helv; font-size:10px; text-decoration:none; color:navy}
a.clslidesub2links{font-family:verdana, helvetica, helv; font-size:9px; text-decoration:none; color:navy}
</style>
<script language="javascript" type="text/javascript">
/**********************************************************************************
slidemenu
* copyright (c) 2001 thomas brattli
* this script was released at dhtmlcentral.com
*********************************************************************************/
function lib_bwcheck(){ //browsercheck (needed)
this.ver=navigator.appversion
this.agent=navigator.useragent
this.dom=document.getelementbyid?1:0
this.opera5=(navigator.useragent.indexof("opera")>-1 && document.getelementbyid)?1:0
this.ie5=(this.ver.indexof("msie 5")>-1 && this.dom && !this.opera5)?1:0;
...
Download Javascript |
Ver ejemplo javascript
8/8/2007<html>
<head>
<title> newsmenu </title>
<style type="text/css">
.cltopmenu {position:absolute; width:101px; height:150px; clip:rect(0px 101px 14px 0px); layer-background-color:#eeeeee; background-color:#eeeeee; z-index:31; visibility:hidden;}
.cltopmenubottom {position:absolute; width:101px; height:3px; clip:rect(0px 101px 3px 0px); top:11; layer-background-color:#cecfce; background-color:#cecfce; z-index:2;}
.cltopmenutext {position:absolute; width:91px; left:5px; top:15px; font-family:arial,helvetica,sans-serif; font-size:11px; background-color:#eeeeee; z-index:1;}
</style>
<script language="javascript" type="text/javascript">
/**********************************************************************************
newsmenu
* copyright (c) 2001 thomas brattli
* this script was released at dhtmlcentral.com
*********************************************************************************/
function lib_bwcheck(){ //browsercheck (needed)
this.ver=navigator.appversion
this.agent=navigator.useragent
this.dom=document.getelementbyid?1:0
this.opera5=(navigator.useragent.indexof("opera")>-1 && document.getelementbyid)?1:0
this.ie5=(this.ver.indexof("msie 5")>-1 && this.dom && !this.opera5)?1:0;
this.ie6=(this.ver.indexof("msie 6")>-1 && this.dom && !this.opera5)?1:0;
this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
this.ie=this.ie4||this.ie5||this.ie6
this.mac=this.agent.indexof("mac")>-1
...
Download Javascript |
Ver ejemplo javascript
8/8/2007<html>
<head>
<title>cross-browser dynamic html scripts - leftmenu</title>
<style type="text/css">
#divmenu0{position:absolute; top:150; left:30; width:310; height:100; visibility:hidden; font-family:arial,helvetica; font-size:18px; font-weight:bold}
#divmenu1{position:absolute; top:200; left:30; width:460; height:100; visibility:hidden; font-family:arial,helvetica; font-size:18px; font-weight:bold}
#divmenu2{position:absolute; top:250; left:30; width:360; height:100; visibility:hidden; font-family:arial,helvetica; font-size:18px; font-weight:bold}
</style>
<script type="text/javascript" language="javascript">
/********************************************************************************
copyright (c) 1999 thomas brattli
this script is made by and copyrighted to thomas brattli at www.bratta.com
visit for more great scripts. this may be used freely as long as this msg is intact!
i will also appriciate any links you could give me.
********************************************************************************/
//default browsercheck, added to all scripts!
function checkbrowser(){
this.ver=navigator.appversion
this.dom=document.getelementbyid?1:0
this.ie5=(this.ver.indexof("msie 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseint(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
...
Download Javascript |
Ver ejemplo javascript
8/8/2007<html>
<head>
<title>menu slide javascript</title>
<script type="text/javascript">
<!--
/*
copyright © maximus 1999-2000, all rights reserved.
site: http://www.absolutegb.com/maximus
e-mail: maximus@nsimail.com
*/
ie=document.all;
ns=document.layers;
/*
configure menu styles below
note: to edit the link colors, go to the style tags and edit the ssm2items colors
*/
hdrfontfamily="verdana";
hdrfontsize="2";
hdrfontcolor="white";
hdrbgcolor="#666666";
linkfontfamily="verdana";
...
Download Javascript |
Ver ejemplo javascript
8/8/2007<html><title>menu javascript light</title>
<head>
<style>
.menulines{
border:1px solid white;
}
.menulines a{
text-decoration:none;
color:black;
}
</style>
<script type="text/javascript">
/*
highlight menu effect script: by dynamicdrive.com
for full source, terms of service, and 100s dthml scripts
visit http://www.dynamicdrive.com
*/
function borderize(what,color){
what.style.bordercolor=color
}
function borderize_on(e){
...
Download Javascript |
Ver ejemplo javascript
8/8/2007<html>
<head>
<title>menu drop down javascript</title>
<style type="text/css">
<!--
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
-->
</style>
</head>
<body bgcolor="ffffff" text="000000" link="0000ff" vlink="800080">
<style>
<!--
#wrapper{
position:relative;
height:30px
}
#wrapper2{
position:absolute
}
#menu03{
filter:revealtrans(duration=1.5,transition=12)
visibility:hide
...
Download Javascript |
Ver ejemplo javascript
Javascripts