3932
- 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>
Можешь почитать и вот эту статейку "Автозаполнение с HTML5 datalist"
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.