Menu jQuery suckerFish

black power · Dezembro 29, 2008

Boa tarde pessoal, gostaria de uma ajuda de vocês,

Realizei um download do plugin jquery.

Eu modifiquei o cod como eu qria, porem ele deixa tudo em minusculo, o que pode ser?

Tudo q está dentro do ul class="nav" id="nav-one" name="nav-one"

vlw, pela atenção

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-language" content="pt-br" />
<title>jQuery suckerFish</title>
<link href="css/styles.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="jquery/jquery.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
            $("#nav-one li").hover(
                function(){ $("ul", this).fadeIn("fast"); }, 
                function() { } 
            );
          if (document.all) {
                $("#nav-one li").hoverClass ("sfHover");
            }
      });
      
        $.fn.hoverClass = function(c) {
            return this.each(function(){
                $(this).hover( 
                    function() { $(this).addClass(c);  },
                    function() { $(this).removeClass(c); }
                );
            });
        };      
    </script>
    <script language="javascript">
function abrepagina(combo)
{
var endereco = combo.value;
if (endereco != "#")
{novapagina = window.location = endereco;
}
}
</script>
<?php include("_inc/bd.php"); ?>

    <style type="text/css">

/* Navigation */
.nav, .nav ul { 
    list-style: none;
    margin: 0;
    padding: 0;

}

.nav {

    font-family: Tahoma;
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
    color: #333;
    text-decoration: normal;
    z-index: 100;
    position: relative;

}
.nav li {
  border-left: 1px solid #999;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;

  
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  
    /*     background: #565656;    */
  background-image:url(img/linhaMenu.gif);
  color: #333333;
  display: block;
  padding: 0 15px;
  text-transform: lowercase;
  text-decoration: none;
  line-height: 45px;
  /*    height: 30px;*/ 
}

.nav li a:hover {
 /* background: #ccc;*/
  background-image:url(img/linhaMenuOver.gif);
  /*    color: #000;    */

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
 /* background: #ccc;*/
  background-image:url(img/linhaMenuOver.gif);
 /*    color: #000;    */
/* background-image:url(linhaSubMenu.gif);*/
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
 /* background: #565656;
  color: #959595;    */
  background-image:url(img/linhaSubMenu.gif);
  line-height: 20px;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #ccc;
  color: #000;    
}

.nav ul {
  background: #565656;
  border-bottom: 1px solid #000;
  list-style: none;
  margin: 0;
  width: 100px;
  position: absolute;
  top: -999em;
  left: -1px;
  
}
.nav li:hover ul,
.nav li.sfHover ul { /*Distancia do menu e submenu*/
  top: 45px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #000;
  border-bottom: 0;
  padding-right: 20px;
  width: 80px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}
    #apDiv1 {
    position:absolute;
    left:62%;
    width:247px;
    height:28px;
    z-index:101;
    top: 18%;
}
    </style>
</head>
<body>
<table width="780" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="45" valign="top"><table width="780" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="557" ><ul class="nav" id="nav-one" name="nav-one">
        <li>
            <div align="center"><a href="#item1" >Home - Menu Princípal</a>
            </div>
        </li>
        <li>

                <div align="center"><a href="#item1" >Cadastros</a>
                    <ul>
                      <li><a href="#item1.1" >item 1.1</a></li>
                      <li><a href="#item1.2" >item 1.2</a></li>
                      <li><a href="#item1.3" >item 1.3</a></li>
                      <li><a href="#item1.4" >item 1.4</a></li>
                  </ul>
              </div>
            </li>
<li>
                <a href="#item2">Editar/Excluir</a>
                <ul>
                    <li><a href="#item2.1">item 2.1</a></li>
                    <li><a href="#item2.2">item 2.2</a></li>

                </ul>
  </li>
            <li>
                <a href="#item3">Busca</a>
                <ul>
                    <li><a href="#item3.1">item 3.1</a></li>
                    <li><a href="#item3.2">item 3.2</a></li>

                </ul>
            </li>
            <li>
                <a href="#item4">item 4</a>
                <ul>
                    <li><a href="#item4.1">item 4.1</a></li>
                    <li><a href="#item4.2">item 4.2</a></li>

                    <li><a href="#item4.3">item 4.3</a></li>
                </ul>
            </li>
</ul></td>
   <td width="223" ><div align="left" class="tahoma11black">Evento Cadastrado
        <select name="Cliente" class="tahoma11black" onchange="abrepagina(this);">
          <option value="Selecione">Selecione</option>
          <?php 
     
     
     
     $SQL3 = "SELECT * from table_cadastro_evento order BY ID_Evento DESC";
     $ret3 = mysql_query($SQL3,$link)or die(mysql_error());
     while($row3 = mysql_fetch_array($ret3)){
       $ID_Evento = $row3['ID_Evento'];
     $ID_Cliente = $row3['ID_Cliente'];
     $NomeEvento = $row3['NomeEvento'];
        echo "<option value=\"evento.php?ok=1&ID_Evento=$ID_Evento\">$NomeEvento"; 
        echo "</option>";
     }
    
    
    ?>
        </select>
      </div></td>
  </tr>
    </table>
    </td>
    </tr>
    </table>
    

    
    
</body>
</html>

fercosmig · Dezembro 29, 2008

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {

/* background: #565656; */
background-image:url(img/linhaMenu.gif);
color: #333333;
display: block;
padding: 0 15px;
text-transform: lowercase;
text-decoration: none;
line-height: 45px;
/* height: 30px;*/
}

altere o css

Entrar

Menu jQuery suckerFish

Pergunta

black power

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

fercosmig

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades