Разделы
Теги | RSS © 2008 – 2022
Контакты
email:
skype:
» » . javascript

БАЛУН111!


БАЛУН111!




JS
<script type="text/javascript">
<!--
var cur_balloon = '';
var isvis = false;
function Balloon_Off(){
if(isvis){ isvis = false; return; }
var Balloon = cur_balloon ? document.getElementById(cur_balloon) : '';
if (Balloon) { Balloon.style.display = 'none'; document.onclick = null; cur_balloon = ''; }
}
function Balloon_On(bid){
Balloon_Off();
var Balloon = document.getElementById(bid);
if (!Balloon) return;
cur_balloon = bid;
Balloon.style.display = '';
isvis = true;
document.onclick = Balloon_Off;
Balloon.onclick = new Function("isvis=true");
return false;
}
//-->
</script>


CSS
<style>
a {position:absolute; top:30%; left:50%; margin-left:-100px; display:block; text-decoration:none; border-bottom:1px dashed; font-size:16px;}
a:hover {border-bottom:0px;}
#Form {width:200px; height:300px; background:#eee; border:1px solid #B7B7B5; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius: 15px; text-align:center; padding-top:40px;}
</style>


HTML
<a href="#" onclick="return Balloon_On('Form')">Жмякнуть в эту штуку</a>
<div id="Form" style="display:none; position:absolute; top:20%; left:70%; margin-left:-100px;">А здесь блок</div>
Вверх