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

Меню с подменю и возможностью выделения абзатцев и ссылок разными цветами

Home Mail Compose mail Inbox Sent mail Spam Settings Account settings Privacy settings	<Вернуться в каталог>
Скопируйте и вставте
Внутри тега <HEAD> - </HEAD>
<STYLE type=text/css> /* шрифт и его размер / ul#nav{font: 70%/1.5 Verdena,Tahoma,sans-serif} ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none} / размеры и начальный цвет фона меню / ul#nav{height:24px;line-height:25px;margin-left:5px; background: #3B5998;} / стиль и исходный цвет текста меню / ul#nav a{display:block;padding: 0 15px;text-decoration: none; color:#FF0000} / стиль меню при наведении курсора / ul#nav li:hover,ul#nav a:hover{background-color: #1b29AA;color: #FFF} ul#nav li{float: left;position: relative} ul#nav li li{float: none;line-height: 22px; display:block !important;display: inline; /IE/} / подменю / ul#nav ul{position: absolute;top: 24px;left: -9999px; width: 12em;color: #3B5998} ul#nav ul{padding: 0px 0; border: 1px solid #ff0000} ul#nav ul,ul#nav li li a{background-color: #5C75AA;color: #000000} ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100} / ссылки SEP / ul#nav li.sep a:hover{background: #ff0000} ul#nav li.sep span{display: block;height: 1px;overflow: hidden; margin: 6px 5px 0;background: #CCC} / ссылки с иконками */ ul#nav li li.icon a{padding-left: 24px} ul#nav li li.settings a{background: url(http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_menu/878/img/icon_settings.gif) no-repeat 3px 3px} ul#nav li li.privacy a{background: url(http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_menu/878/img/icon_padlock.gif) no-repeat 3px 3px} </style> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_menu/878/js/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_menu/878/js/jquery-dd.js"></script>
Всё подписано, проблем быть не должно.
Внутри тега <BODY> - </BODY> там где у Вас будет меню.
<div style="width: 198px;"> <ul id="nav"> <li> <a href="#"><strong>Home</strong></a> </li> <li> <a href="#"><strong>Mail</strong></a> <ul> <li class="sep"><a href="#">Compose mail</a></li> <li class="sep"><a href="#">Inbox</a><span></span></li> <li><a href="#">Sent mail</a></li> <li><a href="#">Spam</a></li> </ul> </li> <li> <a href="#"><strong>Settings</strong></a> <ul> <li class="icon settings"><a href="#">Account settings</a></li> <li class="icon privacy"><a href="#">Privacy settings</a></li> </ul> </li> </ul> </div>
Здесь общий размер меню, названия и адресса ссылок. Предназначен для Firefox, в нем работает корректнее, хотя работает и в IE.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.