Popup Ajax

Popup d'identification

by openwab

HTML

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<ul id="contener">
    <li>Element de liste 1</li>
    <li>Element de liste 2</li>
    <li>Element de liste 3</li>
    <li>Element de liste 4</li>
</ul>

CSS

#contener li {
    padding:5px;
    background-color:#ccc;
    border-bottom:1px solid #000;
    margin:4px 0;
    cursor:pointer;
}

JavaScript

$('#contener li').each(function () {
    $(this).click(function () {
        $(this).animate({
            width: "70%",
            opacity: 0.4,
            marginLeft: "0.6in",
            fontSize: "3em",
            borderWidth: "10px"
        }, 1000);
    });
});