■ サッカーのWebページを作ったでー
----ここから下をコピー-------
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>アニメーション2</title>
</head>
<script src="jquery.js"></script>
<script>
$(function(){
$('h1').click(function(){
$('h1').css('color','blue');
});
});
$(function(){
$('h2').click(function(){
$('h2').css('background-color','aqua');
});
});
$(function(){
$('h6').fadeOut();
$('h6').fadeIn();
});
function fuori(){
let i = 0;
while (i< 1){
window.open('http://www.fuoriclasse2.com','flora','width=480,height=360');
i++;
}
}
</script>
<style>
.euro2020 {
color:red;
font-size:80px;
}
.england {
color:black;
font-size:70px;
}
.north-magedonia
{
color:lawngreen;
font-size:50px;
text-align: center;
color:darkred;
padding: 100px;
}
.giggs {
background-color:lightgreen;
text-align: center;
color:darkred;
font-size:50px;
padding: 100px;
}
.ossan {
background-color:darkgreen;
text-align: center;
color:lightcoral;
font-size:40px;
padding: 100px;
}
.aono {
background-color:floralwhite;
text-align: center;
color:black;
font-size:30px;
padding: 80px;
}
.fuori {
background-color:darkmagenta;
text-align: center;
color:white;
float:inherit;
font-size:40px;
padding: 30px;
}
</style>
<body>
<h1 class="euro2020">EURO2020開催中</h1>
<h2 class="england">イングランドがやらかした</h2>
<h3 class="north-magedonia" >北マケドニアええやん</h3>
<h4 class="giggs">ギグスは救いようがない</h4>
<h5 class="ossan">メッシもクリロナもおっさん</h5>
<h6 class="aono">オバケイドロというクソゲー</h6>
<br>
<a class="fuori" onclick=fuori()>fuori-classe</a>
<br>
<br>
</body>
-----ここから上をコピー---------
メモ帳で「fuoriclasse.html」で保存するとWebページが作れるで〜
[ 2021年06月19日 - 18:59 ]