[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Общее » Приветствия и Пожелания » Заметки для сайта (Всякие скрипты)
Заметки для сайта
Alex- Дата: Понедельник, 20.05.2013, 03:53 | Сообщение # 1
Administrator 1000 A Week

Рядовой
Группа: Пользователи
Сообщений: 2
Репутация: 0
Статус: Offline
Заметки для сайта
---------------------------------------------
cкрипт для кнопки вверх:

этот див вниз сайта
Код
<div style="position:fixed; opacity:0.8; bottom:0px; right:45%;" id="fImgtotop">
<style> a.rolluup1{ background: url(http://1000aweekru.ucoz.net/Material/bvverh.gif);
display: block; width: 106;height: 25px;} a.rolluup1:hover {background-position: 0 -25px;}</style>
<a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 150);return false;;" class="rolluup1"></a>
</div>

это для плавного появления
Код
<script language="JavaScript" type="text/javascript">
$(function() {
    $.fn.scrollToTop = function() {
     $(this).hide().removeAttr("href");
     if ($(window).scrollTop() >= "250") $(this).fadeIn("slow")
     var scrollDiv = $(this);
     $(window).scroll(function() {
      if ($(window).scrollTop() <= "250") $(scrollDiv).fadeOut("slow")
      else $(scrollDiv).fadeIn("slow")
     };);
     $(this).click(function() {
      $("html, body").animate({scrollTop: 0}, "slow")
     };)
    }
};);

$(function() {
    $("#
fImgtotop
").scrollToTop();
};);
</script>


короче, они связываются друг с другом с помощью ID
fImgtotop

---------------------------------------------
Якорь для перелистывания страницы:
Код
<a name="top"></a>
<a href="#top">Ваш текст</a>


Добавлено (20.05.2013, 03:53)
---------------------------------------------
Анимированная кнопка

Код
<style> a.rollbuttn1 { background: url(http://1000aweekru.ucoz.net/Material/cabinet/b1.gif);
display: block; width: 214;height: 38px;} a.rollbuttn1:hover {background-position: 0 -38px;}</style>
<a href="http://1000aweekru.ucoz.net/index/0-49" class="rollbuttn1"></a>


Сообщение отредактировано Alex - Понедельник, 20.05.2013, 03:53
  Соединенные Штаты
Admin- Дата: Понедельник, 20.05.2013, 11:34 | Сообщение # 2
Admin

Администратор
Группа: Администраторы
Сообщений: 31
Репутация: 100
Статус: Offline
спойлер картинка

Код
<script language="JavaScript" type="text/javascript">
function open_close(id_spol) {
var obj = "";
if (document.getElementById) obj = document.getElementById(id_spol).style;
else if (document.all) obj = document.all[id_spol];
else if (document.layers) obj = document.layers[id_spol];
else return 1;

if (obj.display == "") obj.display = "none";
else if (obj.display != "none") obj.display = "none";
else obj.display = "block";
}
</script>

<div class="spoiler_style" onClick="open_close('spoiler1')">
  <a href="#openmenu" class="rollbuttn1"></a>
</div>
<div id="spoiler1" style="display:none; background:#F7F7F7">
  Здесь содержится все то, что должен скрывать спойлер.<br>
  Под спойлером может содержаться не только текст, но и картинки,<br>
  таблицы и другие элементы.<br>
  <img src="image/img_1.png" alt="Изображение под спойлером" width="250">
<a href="http://1000aweekru.ucoz.net/index/0-49" class="rollbuttn1"></a>
</div>

<style> a.rollbuttn1 { background: url(http://1000aweekru.ucoz.net/Material/cabinet/b1.gif);
display: block; width: 214;height: 38px;} a.rollbuttn1:hover {background-position: 0 -38px;}</style>
<a href="http://1000aweekru.ucoz.net/index/0-49" class="rollbuttn1"></a>
  Соединенные Штаты
Форум » Общее » Приветствия и Пожелания » Заметки для сайта (Всякие скрипты)
  • Страница 1 из 1
  • 1
Поиск: