Верхний фрейм header.html

Дата добавления: 2015-01-16; просмотров: 493; Нарушение авторских прав

<html><head><style type="text/css">html { width: 100%;}body { background-color: #9e4384; background-image: url('headerBackground.png'); background-repeat: repeat-y; overflow: hidden; font-size: 12px;}img { float: left;}p { font-size: 300%; color: #ffffe2; font-family: Tahoma, sans-serif; padding-bottom: 0px; margin-bottom: 0px;}.quote { text-align: right; color: #ffffff; margin-left: 350px; width: 350px; max-width: 350px; margin-top: -27px; display: block; align: right; position: absolute;}</style><script type="text/javascript" src="./jquery-1.6.4.min.js"></script><script type="text/javascript">$().ready(function(){ changeQuote(); setInterval("changeQuote()", 5000);});quotes = [ "Don't drink and drive, take LSD and teleport!", "I'm not always right, I'm just never wrong", "Software is like sex, it's better when it's free.", "Load universe into cannon. Aim at brain. Fire.", "If you got cojones, come on, mette mano.","Jah'd never let us down, %username%.","Russian sounds sexy, %username%!","Solutions are not the answer, %username%","Soviet Russia owns teh Intarnet, %username%.","Tetris is so unrealistic, %username%","They killed %username%. Bastards!","You found piles and piles of gold! Keep Clicking! Click like the wind!","You have completed more work units than 89,795% of our users, %username%.","fapfapfapfapfapfap, %username%!","hakkabah hakkabah we hate the usa hakkabah marrakesh hakkabah, %username%","А мы построим свой Лунапарк, %username%! С блекджеком и шлюхами!","А ты знаешь, в чем соль, %username%?","А ты пробовал лизать октаэдр, %username%?","А что ты можешь противопоставить бездушной американской машине, %username%?","Аллах прекрасен и любит всё прекрасное, %username%.","Анекдоты о блондинках высмеивают арийский тип, %username%!","Береги колени, %username%","Благословен ты в городе, и благословен на поле, %username%.","В наборе детских кубиков буквы <Х>, <У> и <Й> всегда находятся на одном кубике, %username%","В среду выборы, %username%","Ваш горизонт завален, %username%." ];changeQuote = function() { maxQ = quotes.length; i = Math.floor(Math.random()*maxQ); $('.quote').html(quotes[i]);};</script></head><body><img src='title0.png'><p>MrXaK for MIREA</p><div class="quote"> </div></body></html>

Листинг 2. Код верхнего фрейма

В данном коде можно выделить 3 ключевых фрагмента. Первый фрагмент – это CSS, который задаёт все стили, такие как вид страницы, её фоновый рисунок и параметры для элементов HTML. Второй ключевой фрагмент – JavaScript код, написанный с использованием фреймворка jQuery, который позволяет легко и просто управлять содержимым страницы. Здесь используется setTimeout, который раз в 5 секунд меняет содержание цитаты на случайное из представленного списка.

<== предыдущая лекция	\|	следующая лекция ==>
Основной файл frame1.htm	\|	Левый фрейм управления left.html