Каталог микро скриптов, которые могут пригодиться на любом сайте. Мы будем дополнять список по мере необходимости.
Скрипт смены текста при нажатии на кнопку
<script type="text/javascript">
function changeLink()
{
document.getElementById('myAnchor').innerHTML="Заменяемый текст после нажатия кнопки";
}
</script><span id="myAnchor">Здесь наш текст который мы собираемся менять</span>
<input type="button" onclick="changeLink()" value="Change link">
Для самой кнопки Вы легко можете задать класс и изменить внешний вид input'a
ПРОВЕРЕНО!
Таймер отсчета до скачивания файла/материала на JS
Разметка
Таймер скачивания для сайтов
<div id="timer_1">Скачивание начнётся через <span style="color:red" id="timer_num"></span> сек.</div>
<div id="timer_2" style="display:none">ссылка на скачивание</div>
CSS
<script type="text/javascript">
timer_num = 6; // Число в секундах
function timer_fc(){
if(timer_num>0){
$('#timer_num').text(timer_num);
timer_num--;
setTimeout("timer_fc()", 1000)
}else{
$('#timer_1').hide(); $('#timer_2').show();
}}
timer_fc();
</script>
ПРОВЕРЕНО!
Смена изображения при наведении курсора
<a href="ссылка" onmouseover=document.mypic.src='/2.png' onmouseout=document.mypic.src='/1.png'> <img src='/1.png' name=mypic border='0'> </a>
ПРОВЕРЕНО!
| View demo |
|
Понравился материал? Поделитесь с друзьями |
С этим материалом смотрят: Похожие материалы не найдены
| Feedback: 0 | |