• 2783
  • 0
  • Автор: --------------
  • Адаптировал: irbees2008

Скрипт скрытого блока

Код:
    <script>
ok=true;
document.num = 0;
document.num2 = 1;
function BLOK(){
document.block = document.getElementById('block');
if(ok == true){
document.num=0;
smena()
}
else{document.num2=1;smena2()}
}
function smena(){
document.num +=0.15;
if(document.num > 1) return;
document.block.setAttribute('style','opacity:'+document.num)
setTimeout('smena()',100)
}
function smena2(){
document.num2 -=0.15;
if(document.num2 < 0){document.block.setAttribute('style','opacity:'+document.num2);return;}
document.block.setAttribute('style','opacity:'+document.num2)
setTimeout('smena2()',100)
}
</script>
<a onclick='BLOK();if(ok==true){ok=false;}else{ok=true};return false' href='file:\\\lol'>Блок</a>
<div id='block' style='opacity:0'>Я скрытый блок</div>

ещё
Код:
<script language="javascript">
function clicks(){
div = document.getElementById('divID').style
if(div.display == 'block') {
div.display = 'none'
}else{
div.display = 'block'
}
}
</script>
</head>

<body>
<a onclick="clicks()" style="cursor:pointer;">показать</a>
<div style="display:none;" id="divID">скрытый текст</div>

ещё
Код:
<script>
function look(type){
param=document.getElementById(type);
if(param.style.display == "none") param.style.display = "block";
else param.style.display = "none"
}
</script>
<a href="javascript:look('div1');">показать/скрыть</a>
<div id="div1" style="display:none">
Скрытый текст
</div>

ещё
Код:
<script>
function on(n){
eval("document.all.text"+n+".style.display='block';");
eval("document.all.ontext"+n+".style.display='none';");
eval("document.all.offtext"+n+".style.display='inline';");
}
function off(n){
eval("document.all.text"+n+".style.display='none';");
eval("document.all.ontext"+n+".style.display='inline';");
eval("document.all.offtext"+n+".style.display='none';");
}
</script>
<div id='text1' style='display: none;'>
Скрытый текст
</div>

<span id='ontext1' style='display: inline;'>
<a href="javascript:on('1');">подробнее</a>
</span>
<span id='offtext1' style='display: none;'>
<a href="javascript:off('1');">кратко</a>
</span>

ещё
Код:
<script type="text/javascript" src="jquery.js"></script>
.opis{display:none; text-align: justify;}
<div class="opis" id="opis1">
Скрытый текст
</div>
<a href="javascript:void(0)" id="opislink1">подробнее</a>
<script type="text/javascript">
$(document).ready(function() {$('#opislink1').click(function() {
if ( jQuery.browser.msie && parseInt(jQuery.browser.version) == 6) {
if ($('#opis1').css("display")=="block") {$('#opis1').css("display", "none");
} else {$('#opis1').css("display", "block");
}
} else {$('#opis1').toggle("slow");
}
if ($('#opislink1').text()=='подробнее') {$('#opislink1').text('кратко');
} else {$('#opislink1').text('подробнее');
}
});
});
</script>

Можешь почитать и вот эту статейку "Скрипт редиректа внешних ссылок"

mistakes

Это тоже интересно

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Ваше мнение

Какие темы вам интереснее?
Результаты

Облако тегов

Anything in here will be replaced on browsers that support the canvas element