Хаки и Скрипты Next Generation CMS

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

irbees2008 irbees2008 Опубликовано - 30 - января JS
3921 - 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>

Можешь почитать и вот эту статейку "Делаем примочки для слабовидящих"

Опрос

Ваше мнение

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

Последние комментарии

Теги

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

Статистика

  • Caйту: 4375 дней
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 661
  • Онлайн всего: [7]
  • Гости: [7]
  • Были сегодня : [2] Яндекс, Google
  • SQL запросов: 31
  • Генерация страницы: 0.359сек
  • Потребление памяти: 5.260 Mb 
  •   Яндекс.Метрика