Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Механизм работы скрипта на сайте МДМ Банка (https://javascript.ru/forum/jquery/13465-mekhanizm-raboty-skripta-na-sajjte-mdm-banka.html)

tzhe 29.11.2010 17:43

Механизм работы скрипта на сайте МДМ Банка
 
Здравствуйте.
На сайте МДМ Банка: http://www.mdm.ru/spb/about/ есть ссылка «Весь сайт»:


При клике на нее мы видим удобную мини карту сайта.
Пожалуйста, объясните механизм работы этой ссылки.

monolithed 29.11.2010 20:36

Ну примерно как-то так:
<script type="text/javascript">
window.onload = function(){
    var element = document.getElementsByTagName('a'), i = element.length;
    while(i--){   
        element[i].onclick = function(i){
            return function(){
                document.getElementsByTagName('div')[0].style.display = i == 0 ? 'block' : 'none';
            };
        }(i);
    }
};
</script>

<style type="text/css">
div {
    background: #B3D5DE;
    display: none;
    opacity:0.5;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 200px;
    height: 200px;
}
    
div a {
    display: block;
    cursor: pointer;
    color: #000;
    float: right;
    font: bold 18px arial;
    position: relative;
    text-decoration: none;
}
div a:hover {
    color: red;
}
</style>

<a href="#">click</a>
<div><a href="#">&otimes</a></div>


Часовой пояс GMT +3, время: 02:39.