Эффекты на основе Java Script

"Книга" - компактный блок информации

<Вернуться в каталог>

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

<STYLE type=text/css>
H2 {CLEAR: both; FONT-WEIGHT: normal; FONT-SIZE: 1.4em}
.section H2 {CURSOR: pointer}
#flyout .section {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(mback2.jpg) #444 repeat-y; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; OVERFLOW: hidden; WIDTH: 20em; COLOR: white; PADDING-TOP: 0px; HEIGHT: 20em}
#flyout H2 {CLEAR: none; PADDING-RIGHT: 0.2ex; PADDING-LEFT: 1ex; FONT-SIZE: 1.2em; FLOAT: left; WIDTH: 1em; PADDING-TOP: 1ex; FONT-FAMILY: monospace; POSITION: relative; HEIGHT: 100%}
#flyout .section DIV {BORDER-RIGHT: #777 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 1em; BACKGROUND: #b4e9ff; PADDING-BOTTOM: 1em; MARGIN-LEFT: 2em; COLOR: black; PADDING-TOP: 1em; BORDER-BOTTOM: #777 1px solid; HEIGHT: 100%}
</STYLE>
<SCRIPT type=text/javascript>
var shir_kor = "2em";                                   // ширина корешка
var fon_zakr_kor =  "url(http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/876/mback2.jpg) #B4E9FF repeat-y"; // фон закрыиого корешка
var zwet_text_zakr_kor = "#000";                        // цвет текста на закрытом корешке
var shir_stran = "20em";                                // ширина странички
var fon_otkr_kor = "url(http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/876/gelt.jpg) #00E0FF repeat-y";    // фон открытого корешка
var zwet_text_otkr_kor = "#ff0000"                      // цвет текста на открытом корешке
</SCRIPT>
<script src="http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/876/kniga_ff.js"></script>

Параметры скрипта подписаны. CSS привожу без описания, там всё просто, думаю немного поэкспериментировав Вы во всём разберётесь.

Внутри тега <BODY> - </BODY> там где у Вас будет "Книга".

<TABLE  border=0>
        <TBODY>
        <TR>
          <TD><HR width=419>
            <DIV id=flyout>
            <DIV class=section>
            <H2 class=showfirst onclick=show(this);>1 | я   с т р а н и ц а</H2>
            <DIV>
            <H3><u>Описание проекта</u></H3>
            <P>Мой проект состоит из 3-х сайтов, краткое описание которых расположено на следующих страничках данной книги.</P>
            <P>Для просмотра конкретной кликните по её корешку.</P></DIV></DIV>
            <DIV class=section>
            <H2 onclick=show(this);>S c r i p t   K P B</H2>
            <DIV>
            <H3><u>Сайт Skriptkpbstudio.ucoz.ru</u></H3>
            <img src="http://skriptkpbstudio.ucoz.ru/demo_srt/fon/img/logo_skript_ser_mal.jpg" class=ramka>
            <P>На сайте расположена огромная библиотека JavaScript и HTML&CSS эффектов в примерах.</P>
			<P><a class=kniga href="http://skriptkpbstudio.ucoz.ru" target=_blank>Перейти на сайт</a></P></DIV></DIV>
            <DIV class=section>
            <H2 onclick=show(this);>W e b   K P B</H2>
            <DIV>
            <H3><u>Сайт Webkpb.ucoz.ru</u></H3>
            <object class=ramka id="mov" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width=170 height=140>
<param name="src" value="http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/876/web_pr.swf">
<PARAM NAME="bgcolor" VALUE="#444444">
<embed name="gallery" type="application/x-shockwave-flash" src="http://skriptkpbstudio.ucoz.ru/demo_srt/raznye/876/web_pr.swf" width=170 height=140></embed></object>
            <P>На сайте расположена большая коллекция всевозможных Flash и другие WEB эффекты с примерами.<P>
            <P><a class=kniga href="http://webkpb.ucoz.ru" target=_blank>Перейти на сайт</a></P></DIV></DIV>
            <DIV class=section>
            <H2 class=showfirst onclick=show(this);>K P B   w e b   S t u d i o</H2>
            <DIV>
            <H3><u>Моя WEBстудия</u></H3>
            <object class=ramka id="mov" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width=250 height=33>
<param name="src" value="http://kpbwebstudio.narod.ru/banery_knopki/studio_kruglaj_ok_mal24.swf">
<PARAM NAME="bgcolor" VALUE="#444444">
<embed name="gallery" type="application/x-shockwave-flash" src="http://kpbwebstudio.narod.ru/banery_knopki/studio_kruglaj_ok_mal24.swf" width=250></embed></object>
            <P>Здесь Вы можете посмотреть мои работы, узнать об оказываемых мною услугах и ценами на них. Здесь же Вы можете заказать изготовление нужного Вам сайта, Flash, JavaScript  и всего что Вам нужно.</P>
			<P><a class=kniga href="http://kpbwebstudio.narod.ru" target=_blank>Перейти на сайт</a></P></DIV></DIV></DIV></TD></TR>
			<TR><TD><HR></TD></TR></TBODY></TABLE>

Колличество страниц в книге любое. На страничках можно распологать что угодно - текст, ссылки, кнопки, картинки, Flash, таблички и т.д. На базе скрипта можно делать красивые меню, всевозможные галереи, каталоги статей-брошур и т.д.

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.