Плавающий е-мейл

Этот сценарий создает плавающий слой с ссылкой электронной почты. Сделайте прокрутку страницы, чтобы увидеть его работу. Слой может быть расположен в любом месте экрана, и он будет плавать, когда окно прокручивается. Введите адрес получателя и нажмите на кнопку отправить, в тексте письма будет ссылка на страницу, в которой находится скрипт. Этот сценарий, хотя и длинный, прост в установке - просто вставьте весь блок кода на вашей странице перед тегом </ body>. Цвет и размеры текста, фон окна можно менять исходя из дизайна вашего сайта. Адаптация появление слоя осуществляется исключительно с помощью стилей в разделе с пометкой редактируемые HTML. С помощью этих двух переменных во второй части скрипта можно отрегулировать так, чтобы окно плавало в любом нужном месте на экране.

// Insert the entire script just before the </body> tag.
// Set the following two position parameters
// Negative numbers are relative to right (hX) or bottom (vY)
// Positive numbers are relative to left (hX) or (vY) top
// Experiment with values to get positioning exact, and allow
// for the dimensions of the image & form in the positioning

var hX = 340;
var vY = -140;

</script>

<div id="FloatMail" style="position: absolute;
 background-color: #000000;
 background-image:url('float_dots.gif');
 width: 180px;
 border-width: 2;
 border-style:outset;
 border-color:#444444;
 padding:5px">
<center>
<form name="eMailer">
<font size="2" face="Verdana,Arial" color="#ffff10">
Отправь ссылку другу
<br>
Введите E-mail электронной почты получателя:
</font>
<br>
<input type="text" name="address" size="20"
style="background-color:#000000;
 color:#05fa9e;
 border-color:#ff0000;
 border-width:1;
 border-style:dashed;
 margin-top:7px;"><br>
<input type="button" value="Отправить" onClick="mailThisUrl();"
style="color:#ffff10;
 font-family:Arial;
 font-size:10pt; 
 background-color:#000000;
 border-width:1;
 border-style:solid;
 border-color:#242424;
 margin-top:7px;">
</form>
</center>
</div>