Vai ai contenuti

Menu principale:


>> fonte <<

Demo

What is MooTools?

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer.

It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

Cool! What licence does it have?

MooTools is released under the Open Source MIT license, which gives you the possibility to use it and modify it in every circumstance.

What browsers does it support?

MooTools is compatible and fully tested with Safari 3+, Internet Explorer 6+, Firefox 2+ (and browsers based on gecko), Opera 9+, and Chrome 4+.

Javascript

Scarica i js > qui<

<script src="files/mootools-core-1.3-full-compat.js" type="text/javascript"></script>

<script src="
files/mootools-more-1.3-full.js" type="text/javascript"></script>

<script type="text/javascript">
window.addEvent('domready', function(){
new Fx.Accordion($('accordion'), '#accordion h2', '#accordion .content');
});
</script>


CSS

#accordion {
margin: 20px 0 0;
max-width: 400px;
}
#accordion H2 {
background: #6B7B95;
color: white;
cursor: pointer;
font: 12px Helvetica, Arial, sans-serif;
line-height: 16px;
margin: 0 0 4px 0;
padding: 3px 5px 1px;
}
#accordion .content {
background-color: #F4F5F5;
}
#accordion .content p {
margin: 0.5em 0;
padding: 0 6px 8px 6px;
}

HTML

<div id="accordion">

<h2>What is MooTools?</h2>

<div class="content">
<p>MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer.</p>
<p>It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.</p>
</div>

<h2>Cool! What licence does it have?</h2>

<div class="content">
<p>MooTools is released under the Open Source MIT license, which gives you the possibility to use it and modify it in every circumstance.</p>
</div>

<h2>What browsers does it support?</h2>

<div class="content">
<p>MooTools is compatible and fully tested with Safari&nbsp;3+, Internet Explorer&nbsp;6+, Firefox&nbsp;2+ (and browsers based on gecko), Opera&nbsp;9+, and Chrome&nbsp;4+.</p>
</div>

</div>


Torna ai contenuti | Torna al menu