Лучшие Java Скрипты - Мои статьи - Каталог статей

В этой статье я буду публиковать самые лучшие, самые полезные и просто часто используемые Java Скрипты. Многие из этих скриптов использованы при создании этого сайта. Все скипты проверены на работоспособность (браузер Опера версия 10.50).
Если у Вас есть хорошие скрипты, и Вы хотите поделиться ими, пишите в комментарии или отправьте мне сообщение. И я обязательно добавлю их в эту статью!

Что такое JavaScript

JavaScript это язык сценариев, позволяющих сделать Вэб-страницу интерактивной, т.е. "умеющей общаться" с пользователем.
Чтобы поместить в текст Вэб-страницы сценарий JavaScript, надо ввести дескриптор <SCRIPT>. Код JavaScript располагается между тэгами <SCRIPT> </SCRIPT>. Код HTML в этом месте размещать нельзя. Код можно размещать как в теле заголовка страницы (между тэгами <HEAD> </HEAD>), так и в теле страницы (между тэгами <BODY> </BODY>).

Сценарии JavaScript выполняются на компьютере пользователя (в отличие php-сценариев, которые выполняются на стороне сервера) и поэтому представляют некоторую опасность, связанную с возможным несанкционированным доступом к конфиденциальной информации.
Например, при соответствующих настройках браузеры способны разрешать сценариям считывать файлы, в которых могут содержаться важные данные, например, пароли доступа. Поэтому в браузерах предусмотрена возможность отключения выполнения сценариев JavaScript. Это следует учитывать при разработке Вэб-страницы с использованием JavaScript.
Если предполагается использовать один и тот же сценарий на многих Вэб-страницах, удобно разместить его в отдельном файле и затем сослаться на этот файл. Это целесообразно сделать даже в том случае, если код будет использован только на одной странице.
Например, если сценарий слишком большой и громоздкий, то выделение его в отдельный файл облегчает восприятие и отладку кода Вэб-страницы. В качестве расширения имени файла надо задавать .js.
Плавающий background - <META NAME="KeyWords" CONTENT="изображение,JavaScript"> <title>Плавающий background</title> <body background="kirpich.gif"> <p>Красивый фоновый рисунок в сочетании с движением выглядит очень впечатляюще.  </script>--> <h1>Плавающий background</h1>

Приветствие, зависит от времени суток - <html> <head><link id='innova' href='http://ssilki.ucoz.com/panel/editor/moz/default_edit.css' type='text/css' rel='stylesheet' /> <title>Приветствие</title> </head> <body bgcolor="#FFFFFF"> <h1></script>--></h1> <h1><font color="#FF0000"></script>--></font></h1> </body> </html>

Появляющаяся строка в текстовом поле - <center><form name=posl> <input type=text size=40 name=forma onFocus='clearTimeout(to);this.value="";' onBlur='m_line();'> </form> </center>  
Пример скрипта "Появляющаяся строка в текстовом поле"

Кнопка -
Пример скрипта "Кнопка"
Сделать страницу стартовой -

Закрыть окно -

Печающийся текст -
Скрипт приветствует вас по введенному имени-

>>>[Ваша ссылка ]<<<

</head>
<body>
<table width=400 height=40 border=0><tr><td align=center>
<FONT face=Verdana size=1><FONT color=black><A id=mainArrow>></A><A id=mainArrow>></A><A id=mainArrow>></A></FONT><A id=mainBracket>[</A><A class=mainLink href="http://ssilki.ucoz.com" id=main target="_top">Ваша ссылка</A><A id=mainBracket>]</A><FONT color=black><A id=mainArrow><</A><A id=mainArrow><</A><A id=mainArrow><</A></FONT>
</td></tr></table>

Вывод сообщения на странице -

<form name='frm' onSubmit='addMessage(document.frm.msg.value);return false;' >
 <input name='msg' value='Тестовое сообщение'> нажмите Enter для отправки
</form>
<div id='msgarea'></div>

При добавлении больше 10 сообщений, первые будут удаляться с экрана.

За курсором летает картинка -
Вставлять в любое место сайта. В место "ссылка на картинку" - вставляем URL Вашего изображения.
Меню ссылок -
Пример:
Отключение правой кнопки мыши -
Этот скрипт отключает правую кнопку мышки, и при клике будет появляться окошко с надписью "Извините, сохранение запрещено!". Надпись можно поменять на свою.

Таблица с белым обрамлением -

<html>
<head><link id='innova' href='http://ssilki.ucoz.com/panel/editor/moz/default_edit.css' type='text/css' rel='stylesheet' />
<title>Таблица с белым обрамлением</title>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<table width="745" border="0" cellspacing="0" cellpadding="0">
 <TD id=content PADDING-TOP: 0px" vAlign=top>
<DIV style="WIDTH: 745px; BACKGROUND-COLOR: #eff4f5; TEXT-ALIGN: justify">
<DIV style="BORDER-RIGHT: white 2px solid; PADDING-RIGHT: 20px; BORDER-TOP: white 2px solid; PADDING-LEFT: 20px; PADDING-BOTTOM: 20px; MARGIN: 2px; BORDER-LEFT: white 2px solid; WIDTH: 745; PADDING-TOP: 20px; BORDER-BOTTOM: white 2px solid; BACKGROUND-COLOR: #f2f6f7; TEXT-ALIGN: justify">
 <P>Привет! Предлагаю тебе посетить мой сайт http://ssilki.ucoz.com/ - на нём ты найдешь море полезных ссылок на все случаи жизни, список лучших торренттрекеров в интернете, ссылки на развлекательные сайты и кучу других полезностей! Можно посмотреть и скачать клипы! Так же сайт будет интересен вебмастерам, на нём они найдут – различные скрипты для сайтов, анимации, смайлы, фоны для сайтов и ещё много чего полезного. Надеюсь тебе понравится мой сайт и ты станешь его постоянным гостем! </P>
 </DIV></DIV></TD>
</table>
</body>
</html>

Цвет таблицы и шрифта можно изменять! Таблица с белым обрамлением

Привет! Предлагаю тебе посетить мой сайт http://ssilki.ucoz.com/ - на нём ты найдешь море полезных ссылок на все случаи жизни, список лучших торренттрекеров в интернете, ссылки на развлекательные сайты и кучу других полезностей! Можно посмотреть и скачать клипы! Так же сайт будет интересен вебмастерам, на нём они найдут – различные скрипты для сайтов, анимации, смайлы, фоны для сайтов и ещё много чего полезного. Надеюсь тебе понравится мой сайт и ты станешь его постоянным гостем!

Подсказка к линку с тенью Линк с подсказкой с тенью

<HTML>
<head><link id='innova' href='http://ssilki.ucoz.com/panel/editor/moz/default_edit.css' type='text/css' rel='stylesheet' />
<title>Подсказка к линку с тенью</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
body{
font-family: Arial, sans-serif; font-size:0.9em; line-height:130%;}
a{color: #D60808;text-decoration:none;font-weight:bold;}
a:hover{border-bottom:1px dotted #317082;color: #307082;}
#dhtmlgoodies_tooltip{background-color:#EEE;border:1px solid #000;position:absolute;display:none;z-index:20000;padding:2px;font-size:0.9em;-moz-border-radius:6px;font-family: Arial, sans-serif;}
#dhtmlgoodies_tooltipShadow{position:absolute;background-color:#555;display:none;z-index:10000;opacity:0.7;filter:alpha(opacity=70);-khtml-opacity: 0.7;-moz-opacity: 0.7;-moz-border-radius:6px; }
</style>

</head>
<body bgcolor="#FFFFFF" text="#000000">
<a href="http://ssilki.ucoz.com"Target="_blank" onmouseout="hideTooltip()" onmouseover="showTooltip(event,'Это подсказка с тенью!');return false">Линк с подсказкой с тенью</a>
</body>
</HTML>

Подсказка к линку в виде меню из линков (меню в блоке) Линк с подсказкой при наведении

Меню в отдельном окне открывается по линку -

<HTML><head><link id='innova' href='http://ssilki.ucoz.com/panel/editor/moz/default_edit.css' type='text/css' rel='stylesheet' />
<title>Меню в отдельном окне открывается по линку</title>
<META http-equiv=Content-Type content=text/html;charset=windows-1251>

</script>-->
<body>
<font face="verdana, arial, helvetica, san-serif" size="2">
 <form><input type="button" value="Лучшие ссылки" onClick="openWin()" /></form>
</font>
</body>
</html>

Пример (Нажмите на ссылку) Меню в отдельном окне открывается по линку
Меню -
Пример:
Бегунок баннеров -

Лучшие

		Суббота, 23.11.2024, 23:23
		Приветствую Вас Гость \| Регистрация \| Вход
		ссылки
		Главная \| Каталог статей