Ir para conteúdo
Fórum Script Brasil
  • 0

Menu não funciona

Guest Gatinha carente

Perguntado por Guest Gatinha carente,

 Share

Pergunta

Guest Gatinha carente

Guest Gatinha carente

Postado
Postado

boa noite gatinho sabios do script brasil no meu blog quero colocar esse menu mas ele não ta funcionando la

aqui e o exemplo dele funcionando muito lindo não tem o codigo tb aqui

http://www.dynamicdrive.com/dynamicindex17...subexpandable=0

esse e o java

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<script type="text/javascript" src="jquery-1.2.2.pack.js"></script>

<script type="text/javascript" src="ddaccordion.js">

/***********************************************

* Accordion Content script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)

* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts

* This notice must stay intact for legal use

***********************************************/

</script>

<script type="text/javascript">

ddaccordion.init({

headerclass: "expandable", //Shared CSS class name of headers group that are expandable

contentclass: "categoryitems", //Shared CSS class name of contents group

collapseprev: true, //Collapse previous content (so only one open at any time)? true/false

defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content

animatedefault: false, //Should contents open by default be animated into view?

persiststate: true, //persist state of opened contents within browser session?

toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]

togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)

animatespeed: "normal", //speed of animation: "fast", "normal", or "slow"

oninit:function(headers, expandedindices){ //custom code to run when headers have initalized

//do nothing

},

onopenclose:function(header, index, state, isclicked){ //custom code to run whenever a header is opened or closed

//do nothing

}

})

</script>

<style type="text/css">

.arrowlistmenu{

width: 180px; /*width of accordion menu*/

}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

font: bold 14px Arial;

color: white;

background: black url(titlebar.png) repeat-x center left;

margin-bottom: 10px; /*bottom spacing between header and rest of content*/

text-transform: uppercase;

padding: 4px 0 4px 10px; /*header text is indented 10px*/

cursor: hand;

cursor: pointer;

}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

background-image: url(titlebar-active.png);

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/

list-style-type: none;

margin: 0;

padding: 0;

margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/

}

.arrowlistmenu ul li{

padding-bottom: 2px; /*bottom spacing between menu items*/

}

.arrowlistmenu ul li a{

color: #A70303;

background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/

display: block;

padding: 2px 0;

padding-left: 19px; /*link text is indented 19px*/

text-decoration: none;

font-weight: bold;

border-bottom: 1px solid #dadada;

font-size: 90%;

}

.arrowlistmenu ul li a:visited{

color: #A70303;

}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/

color: #A70303;

background-color: #F3F3F3;

}

</style>

</head>

<body>

<div class="arrowlistmenu">

<h3 class="menuheader expandable">CSS Library</h3>

<ul class="categoryitems">

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links & Buttons</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/all/">Browse All</a></li>

</ul>

<h3 class="menuheader expandable">CSS Drive</h3>

<ul class="categoryitems">

<li><a href="http://www.cssdrive.com">CSS Gallery</a></li>

<li><a href="http://www.cssdrive.com/index.php/menudesigns/">Menu Gallery</a></li>

<li><a href="http://www.cssdrive.com/index.php/news/">Web Design News</a></li>

<li><a href="http://www.cssdrive.com/index.php/examples/">CSS Examples</a></li>

<li><a href="http://www.cssdrive.com/index.php/main/csscompressor/">CSS Compressor</a></li>

<li><a href="http://www.dynamicdrive.com/forums/forumdisplay.php?f=6">CSS Forums</a></li>

</ul>

<h3 class="menuheader expandable">JavaScript Kit</h3>

<ul class="categoryitems">

<li><a href="http://www.javascriptkit.com/cutpastejava.shtml" >Free JavaScripts</a></li>

<li><a href="http://www.javascriptkit.com/javatutors/">JavaScript tutorials</a></li>

<li><a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a></li>

<li><a href="http://www.javascriptkit.com/domref/">DOM Reference</a></li>

<li><a href="http://www.javascriptkit.com/dhtmltutors/">DHTML & CSS</a></li>

</ul>

<h3 class="menuheader" style="cursor: default">FeedBack</h3>

<div>

Regular contents here. Header does not expand or contact.

</div>

</div>

<p>Assuming the current page is named "current.htm", the below links when navigated to expands a particular header on that page:</p>

<p>

- <a href="current.htm?expandable=0">Expand 1st header within "expandable" header group</a><br />

- <a href="current.htm?expandable=2">Expand 3rd header within "expandable" header group</a><br />

</p>

<p>Helpful links: </p>

<p>

- <a href="http://www.dynamicdrive.com/dynamicindex17/ddaccordion_suppliment.htm">Adding arbitrary links hat expand/ collapse the contents</a><br />

- <a href="http://www.dynamicdrive.com/dynamicindex17/ddaccordion_suppliment2.htm">Taking advantage of the oninit() and onopenclose() event handlers</a><br />

</p>

</body>

</html>

quem conseguir adaptar pra mim ganha bj

rsrsrs

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...