BTC USD 39,486.3 Gold USD 2,072.12
Time now: Jun 1, 12:00 AM

Wanted Mencari sesiapa yg boleh buat Accordian Menu pada Blogspot- Harga boleh bincang

Sponsored Post

klik kanan mouse :D >>>source code

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Colorful Content Accordion | Tutorialzine demo</title>

<link rel="stylesheet" type="text/css" href="demo.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>

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

</head>

<body>

<div id="main">

  <h1>Colorful Accordion With<br /> CSS & jQuery</h1>
  
  <h2>View the <a href="http://tutorialzine.com/2009/12/colorful-content-accordion-css-jquery/">original tutorial »</a></h2>

  <ul class="container">
      <li class="menu">
      
          <ul>
		    <li class="button"><a href="#" class="green">Kiwis <span></span></a></li>

            <li class="dropdown">
                <ul>
                    <li><a href="#" onclick="$('.button a').eq(2).click();return false;">Open Grapes Section</a></li>
                    <li><a href="#" onclick="$('.dropdown').slideUp('slow');return false;">Close This Section</a></li>
                    <li><a href="http://en.wikipedia.org/wiki/Kiwifruit">Read on Wikipedia</a></li>
                    <li><a href="http://www.flickr.com/search/?w=all&q=kiwi&m=text">Flickr Stream</a></li>
                </ul>
			</li>

          </ul>
          
      </li>
      
      <li class="menu">
      
          <ul>
		    <li class="button"><a href="#" class="orange">Oranges <span></span></a></li>          	

            <li class="dropdown">
                <ul>
                    <li><a href="#" onclick="$('.button a:last').click();return false;">Open Last Section</a></li>
                    <li><a href="http://en.wikipedia.org/wiki/Orange_%28fruit%29">Wikipedia Page</a></li>
                    <li><a href="http://www.flickr.com/search/?w=all&q=oranges&m=text">Flickr Photos</a></li>
                </ul>
			</li>

          </ul>
          
      </li>

      
      <li class="menu">
      
          <ul>
		    <li class="button"><a href="#" class="blue">Grapes <span></span></a></li>

            <li class="dropdown">
                <ul>
                    <li><a href="http://en.wikipedia.org/wiki/Grapes">Wiki page</a></li>
                    <li>Text label 1</li>
                    <li>Text label 2</li>
                    <li><a href="http://www.flickr.com/search/?w=all&q=grapes&m=text">Flickr Stream</a></li>
                </ul>
			</li>

          </ul>
          
      </li>

    
      <li class="menu">
      
          <ul>
		    <li class="button"><a href="#" class="red">Strawberries <span></span></a></li>

            <li class="dropdown">
                <ul>
                    <li><a href="http://en.wikipedia.org/wiki/Strawberry">Wiki page</a></li>
                    <li><a href="http://www.flickr.com/photos/mojeecat/368540120/">Strawberry Pie</a></li>
                    <li><a href="http://www.flickr.com/search/?w=all&q=strawberries&m=text">Photo Stream</a></li>
                </ul>
			</li>

          </ul>
          
      </li>
  </ul>

<div class="clear"></div>

</div>
    <p>This is a tutorialzine demo. View the <a href="http://tutorialzine.com/2009/12/colorful-content-accordion-css-jquery/">original tutorial</a> to read and download.</p>
    
<!-- BSA AdPacks code. Please ignore and remove. -->
<script type="text/javascript" src="http://cdn.tutorialzine.com/misc/adPacks/v1.js" async></script>    
    
</body>
</html>

edit mana yg patut...

http://tutorialzine.com/2009/12/colorful-content-accordion-css-jquery/
 
klik kanan mouse :D >>>source code

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Colorful Content Accordion | Tutorialzine demo</title>

<link rel="stylesheet" type="text/css" href="demo.css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>

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

</head>

<body>

<div id="main">

  <h1>Colorful Accordion With<br /> CSS & jQuery</h1>
  
  <h2>View the <a href="http://tutorialzine.com/2009/12/colorful-content-accordion-css-jquery/">original tutorial »</a></h2>

  <ul class="container">
      <li class="menu">
      
          <ul>
		    <li class="button"><a href="#" class="green">Kiwis <span></span></a></li>

            <li class="dropdown">
                <ul>
                    <li><a href="#" onclick="$('.button a').eq(2).click();return false;">Open Grapes Section</a></li>
                    <li><a href="#" onclick="$('.dropdown').slideUp('slow');return false;">Close This Section</a></li>
                    <li><a href="http://en.wikipedia.org/wiki/Kiwifruit">Read on Wikipedia</a></li>
                    <li><a href="http://www.flickr.com/search/?w=all&q=kiwi&m=text">Flickr Stream</a></li>
                </ul>
			</li>

          </ul>
          
      </li>
      
      <li class="menu">
      
          <ul>
		    <li class="button"><a href="#" class="orange">Oranges <span></span></a></li>          	

            <li class="dropdown">
                <ul>
                    <li><a href="#" onclick="$('.button a:last').click();return false;">Open Last Section</a></li>
                    <li><a href="http://en.wikipedia.org/wiki/Orange_%28fruit%29">Wikipedia Page</a></li>
                    <li><a href="http://www.flickr.com/search/?w=all&q=oranges&m=text">Flickr Photos</a></li>
                </ul>
			</li>

          </ul>
          
      </li>

      
      <li class="menu">
      
          <ul>
		    <li class="button"><a href="#" class="blue">Grapes <span></span></a></li>

            <li class="dropdown">
                <ul>
                    <li><a href="http://en.wikipedia.org/wiki/Grapes">Wiki page</a></li>
                    <li>Text label 1</li>
                    <li>Text label 2</li>
                    <li><a href="http://www.flickr.com/search/?w=all&q=grapes&m=text">Flickr Stream</a></li>
                </ul>
			</li>

          </ul>
          
      </li>

    
      <li class="menu">
      
          <ul>
		    <li class="button"><a href="#" class="red">Strawberries <span></span></a></li>

            <li class="dropdown">
                <ul>
                    <li><a href="http://en.wikipedia.org/wiki/Strawberry">Wiki page</a></li>
                    <li><a href="http://www.flickr.com/photos/mojeecat/368540120/">Strawberry Pie</a></li>
                    <li><a href="http://www.flickr.com/search/?w=all&q=strawberries&m=text">Photo Stream</a></li>
                </ul>
			</li>

          </ul>
          
      </li>
  </ul>

<div class="clear"></div>

</div>
    <p>This is a tutorialzine demo. View the <a href="http://tutorialzine.com/2009/12/colorful-content-accordion-css-jquery/">original tutorial</a> to read and download.</p>
    
<!-- BSA AdPacks code. Please ignore and remove. -->
<script type="text/javascript" src="http://cdn.tutorialzine.com/misc/adPacks/v1.js" async></script>    
    
</body>
</html>

edit mana yg patut...

http://tutorialzine.com/2009/12/colorful-content-accordion-css-jquery/



Bro kod ni nak masuk dekat bahagian mana ya?
 
Sponsored Post

CG Sponsors




Back
Top
Log in Register