Выполнение работы Основной файл frame1.Htm
Рис. 1. Основной вид страницы
<html>
<head>
<title>Фреймовая модель №1</title>
</head>
<FRAMESET framespacing="0" frameborder="no" noresize="noresize" ROWS="10%,*">
<NOFRAMES>
<H1>Ваша версия WEB-броузера не поддерживает фрэймы!</H1>
</NOFRAMES>
<FRAMESET framespacing="0" COLS="*" frameborder="no">
<FRAME SRC="header.html">
</FRAMESET>
<FRAMESET framespacing="0" frameborder="no" COLS="320,*">
<FRAME SRC="left.html">
<FRAME SRC="right.html" name="right">
</FRAMESET>
</FRAMESET>
</html>
Листинг 2. Код основной страницы
Как видно из кода выше, в данной фреймовой структуре используются 3 фрейма – один верхний и 2 нижних – левый и правый. Разберём по порядку каждый.
Верхний фрейм header.Html
<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>