IZONE - http://www.izcity.com/ - бесплатный софт, вэб-сервисы, ресурсы для раскрутки, свежие номера журнала "Internet Zone".

 IZONE 


Примеры скриптов-4

Приветствую всех читателей журнала izone. Хочу продолжить свои статьи из рубрики "примеры скриптов". Представляю вашему вниманию несколько новых java-скриптов. Хочу заметить, что все нижеизложенные скрипты полностью готовы к употреблению, и представлены для начинающих вебмастеров без особого пояснения о самом написании этих скриптов. Это не обучающий материал, а готовый продукт. Если же кто-то заинтересован в изучении java, то можете обращаться ко мне, я отвечу на ваши вопросы.

Первый скрипт будет каждый день выдавать на вашей страничке полезный совет, а может еще что-нибудь, короче любое ваше сообщение.

Исходный текст:

<html>
<table border="0" width="100%" bgcolor="#E8E8E8" cellspacing="0" cellpadding="0">
<tr><td width="100%">

<script>
<!--

var today_obj=new Date()
var today_date=today_obj.getDate()

var tips=new Array()
//Можете вставить свой заголовок
var tiptitle=' <b>Совет дня</b><br>'

//Измените на свои советы
tips[1]='Совет на 1 день месяца'
tips[2]='Совет на 2 день месяца'
tips[3]='Совет на 3 день месяца'
tips[4]='Совет на 4 день месяца'
tips[5]='Совет на 5 день месяца'
tips[6]='Совет на 6 день месяца'
tips[7]='Совет на 7 день месяца'
tips[8]='Совет на 8 день месяца'
tips[9]='Совет на 9 день месяца'
tips[10]='Совет на 10 день месяца'
tips[11]='Совет на 11 день месяца'
tips[12]='Совет на 12 день месяца'
tips[13]='Совет на 13 день месяца'
tips[14]='Совет на 14 день месяца'
tips[15]='Совет на 15 день месяца'
tips[16]='Совет на 16 день месяца'
tips[17]='Совет на 17 день месяца'
tips[18]='Совет на 18 день месяца'
tips[19]='Совет на 19 день месяца'
tips[20]='Совет на 20 день месяца'
tips[21]='Совет на 21 день месяца'
tips[22]='Совет на 22 день месяца'
tips[23]='Совет на 23 день месяца'
tips[24]='Совет на 24 день месяца'
tips[25]='Совет на 25 день месяца'
tips[26]='Совет на 26 день месяца'
tips[27]='Совет на 27 день месяца'
tips[28]='Совет на 28 день месяца'
tips[29]='Совет на 29 день месяца'
tips[30]='Совет на 30 день месяца'
tips[31]='Совет на 31 день месяца'

document.write(tiptitle)
document.write(tips[today_date])
//-->
</script>
</td></tr></table>
</HTML>


Второй скрипт очень часто применяют для автоматического открытия окна с ссылкой на какого-нибудь спонсора.

Исходный текст:

<SCRIPT LANGUAGE="JavaScript">
window.open('openwin2.htm',"PROBY",'height=50,width=550');
</SCRIPT>

Вместо "openwin2.html" пишите адрес ссылки.

Добавляем звук и видео на страничку  

Вы можете добавить на свою страничку звуки или видео клипы. Они могут запускаться автоматически при загрузке странички. Вот несколько примеров использования звуковых/видео клипов: 

WAV файл со стандартным пультом управления: 
<EMBED SRC="файл.wav" WIDTH=145 HEIGHT=55></EMBED> 

MIDI файл со стандартным пультом управления: 
<EMBED SRC="файл.mid" WIDTH=145 HEIGHT=55></EMBED> 

Если Вы просто хотите сделать ссылку на звуковой файл: 
<A HREF="фаил.wav">текст</A>  

AVI видео: 
<EMBED SRC="файл.avi" WIDTH=300   HEIGHT=200></EMBED> 

Ниже находится список атрибутов которые вы можете использовать для достижения нужной цели  (все они используются в теге <EMBED ...></EMBED>): 
SRC=name.ext - имя звукового, видео клипа. 
ALIGN=CENTER - расположения пульта управления (LEFT | CENTER | RIGHT). 
WIDTH=X - где X ширина видео клипа в пикселах.  
HEIGHT=Y - где Y высота видео клипа в пикселах.
AUTOSTART=TRUE - разрешает или запрещает браузеру запускать клип при загрузке странички (TRUE | FALSE).
REPEAT=TRUE - разрешает или запрещает повторять звуковой/видео клип (TRUE | FALSE) .
PLAY_LOOP=Z - если Вы указали REPEAT=TRUE, укажите здесь вместо Z количество повторений.
CONTROLS=SMALLCONSOLE - используйте этот атрибут если хотите, чтобы пульт управления был маленьким.
HIDDEN=TRUE - а этот атрибут необходим для того, чтобы не показывать пульт управления (TRUE | FALSE).

Этот скрипт при наведении мыши на ссылку, слева от нее одна картинка сменяется другой.

Исходный текст:

Первая часть. В ней необходимо подправить имя загорающейся картинки, а можете и не подправлять если сохраните эту картинку под именем on.gif

<SCRIPT language="Javascript">
<!-- //

browser_name = navigator.appName;
browser_version = parseFloat(navigator.appVersion);

if (browser_name == "Netscape" && browser_version >= 3.0) { roll = 'true'; }
else if (browser_name == "Microsoft Internet Explorer" && browser_version >= 3.0) { roll = 'true'; }
else { roll = 'false'; }

function load(location){
return image;
}

if (roll == 'true'){
tr=new Image();
tr.src="on.gif";
}

function show(where){
if (roll == 'true'){
stored=where;
storedLocation=document.images[where].src;
document.images[where].src="on.gif";
}

}

function hide(){
if (roll == 'true') document.images[stored].src=storedLocation;
}

// -->
</SCRIPT>

 

Вторая часть. Приведен пример с тремя ссылками

<IMG SRC="off.gif" NAME="im1" BORDER=0 HEIGHT=11 WIDTH=8>

<A HREF="http://www.babkiru.com/" onMouseOver="show('im1')" onMouseOut="hide()" >Все для WEB`а</A><BR>

<IMG SRC="off.gif" NAME="im2" BORDER=0 HEIGHT=11 WIDTH=8>

<A HREF="http://www.babkiru.com/" onMouseOver="show('im2')" onMouseOut="hide()" >Лучшие спонсоры</A><BR>

<IMG SRC="off.gif" NAME="im3" BORDER=0 HEIGHT=11 WIDTH=8>

<A HREF="http://www.babkiru.com/" onMouseOver="show('im3')" onMouseOut="hide()" >Скрипты</A><BR>

off.gif - это имя прозрачного гиф файла Вам нужно положить его в ту же директорию где будет html страница.

В HEIGHT=11 WIDTH=8 установите размеры картинки on.gif

Если Вы хотите сделать более трех ссылок заметьте что у каждой ссылки свое значение NAME="imX" и show('imX')

 

На сегодня все, буду очень рад услышать ваше мнение о статье. Если вам нужны еще такие вещи, то вы найдете их у меня на сайте: http://www.babkiru.com/

 


Copyright © "Internet Zone"info@izcity.com
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас.