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

Переключение блоков информации при наведении курсора на кнопку(ссылку)

ScriptKPBstudio Огромная коллекция JavaScript, jQuery, Mootools, Prototype и HTML&CSS эффектов. К каждому скрипту и эффекту есть пример и инструкция по его установке. Все скрипты в свободном доступе. FlashKPBstudio Огромная библиотека Flash разных назначений и целиком Flash сайтов. К каждой Flash имеется fla исходник. Рекомендую посетить. KPBwebStudio Здесь Вы можете посмотреть некоторые мои работы, ознакомиться с перечнем оказываемых мною усмуг и цены на них. При необходимости связаться со мной. Рекомендую посетить.
	<Вернуться в каталог>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<SCRIPT src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_bloki/932/js/jquery.tools.min.js"></SCRIPT> <SCRIPT> $(function() { $("#products").tabs("div.description", {event:'mouseover'}); }); </SCRIPT> <STYLE type=text/css> /* картинки кнопок / #products IMG { MARGIN: 0px 17px 20px 0px; CURSOR: pointer } / информационный блок / DIV.description { BORDER-RIGHT: #ccc 2px solid; PADDING-RIGHT: 7px; BORDER-TOP: #ccc 2px solid; MARGIN-TOP: 7px; DISPLAY: none; PADDING-LEFT: 7px; MIN-HEIGHT: 140px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ccc 2px solid; WIDTH: 470px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 2px solid; BACKGROUND-COLOR: #ff9; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px; color: #000; } / стрелка указателя / DIV.description DIV.arrow { MARGIN-TOP: -31px; BACKGROUND: url(http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_bloki/932/img/ukazat.jpg) 0px -60px; MARGIN-LEFT: 36px; WIDTH: 34px; HEIGHT: 30px } / сдвиг указателя для 2-го блока / #commercial DIV.arrow { MARGIN-LEFT: 210px } / сдвиг указателя для 3-го блока */ #multidomain DIV.arrow { MARGIN-LEFT: 385px } </style>
	Всё подписано, проблем быть не должно.
	Внутри тега <BODY> - </BODY> там где у Вас будет переключатель.
	<DIV id=products> <IMG title="Переход на сайт ScriptKPBstudio" onclick="window.open('http://skriptkpbstudio.ucoz.ru/','Script','toolbar=1, menubar=1, location=1, directories=1, width=800, height=600');" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_bloki/932/img/script.jpg"> <IMG title="Переход на сайт WebKPB" onclick="window.open('http://webkpb.ru/','Script','toolbar=1, menubar=1, location=1, directories=1, width=800, height=600');" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_bloki/932/img/flash.jpg"> <IMG title="Переход на сайт KPBwebStudio" onclick="window.open('http://webkpbstudio.narod.ru/','Script','toolbar=1, menubar=1, location=1, directories=1, width=800, height=600');" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_bloki/932/img/studio.jpg"> </DIV><!-- panes --> <DIV class=description id=free> <DIV class=arrow></DIV> <H3>ScriptKPBstudio</H3> <P><div style="width: 468px; height: 60px; border: #00ff00 1px solid"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=468 HEIGHT=60> <PARAM NAME=movie VALUE="demo.files/studio_kruglaj_ok_mal24.swf"> <PARAM NAME=quality VALUE=high> <!-- <PARAM NAME="wmode" VALUE="transparent"> --> <PARAM NAME=bgcolor VALUE=#006699> <EMBED src="demo.files/studio_kruglaj_ok_mal24.swf" quality=high bgcolor=#006699 WIDTH=468 HEIGHT=60 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED> </OBJECT></div>Огромная коллекция JavaScript, jQuery, Mootools, Prototype и HTML&CSS эффектов. К каждому скрипту и эффекту есть пример и инструкция по его установке. Все скрипты в свободном доступе. </P> </DIV> <DIV class=description id=commercial> <DIV class=arrow></DIV> <H3>FlashKPBstudio</H3> <P><div style="width: 468px; height: 60px; border: #ff0000 1px solid"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=468 HEIGHT=60> <PARAM NAME=movie VALUE="demo.files/banner11.swf"> <PARAM NAME=quality VALUE=high> <!-- <PARAM NAME="wmode" VALUE="transparent"> --> <!-- <PARAM NAME=bgcolor VALUE=#bbbb00> --> <EMBED src="demo.files/banner11.swf" quality=high WIDTH=468 HEIGHT=60 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED> </OBJECT></div>Огромная библиотека Flash разных назначений и целиком Flash сайтов. К каждой Flash имеется fla исходник. </P> <P><STRONG>Рекомендую посетить.</STRONG> </P></DIV> <DIV class=description id=multidomain> <DIV class=arrow></DIV> <H3>WebKPBstudio</H3> <P><div style="width: 468px; height: 60px; border: #ff0000 1px solid"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=468 HEIGHT=60> <PARAM NAME=movie VALUE="demo.files/banner44.swf"> <PARAM NAME=quality VALUE=high> <!-- <PARAM NAME="wmode" VALUE="transparent"> --> <PARAM NAME=bgcolor VALUE=#333333> <EMBED src="demo.files/banner44.swf" quality=high bgcolor="#333333" WIDTH=468 HEIGHT=60 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED> </OBJECT></div>Здесь Вы можете посмотреть некоторые мои работы, ознакомиться с перечнем оказываемых мною усмуг и цены на них. При необходимости связаться со мной. </P> <P><STRONG>Рекомендую посетить.</STRONG> </P></DIV>
	Здесь, думаю, проблем возникнуть тоже не должно. В данном случае переключатель выполняет функцию подсказки при наведении курсора на картинку(ссылку). Если при клике по картинке(ссылке) Вам не нужен переход по адресу, уберите ссылку(тег <A>). Колличество блоков в переключателе на Ваше усмотрение. В блоки можно помещать любую информацию.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.