占いアプリ

<script type="text/JavaScript">
<!--
const CNST_STAR = 5;
const CNST_DARK = 10;

aryColor = new Array(
"Red", "Fuchsia", "Lime", "Green", "Yellow", "Olive","Aqua","Teal",
"White", "Silver", "Gray", "Black", "Blue", "Navy","Purple","Maroon"
);

function fncAction(fncData) {

var brsYear = fncData.substring(0, 4);
var brsMonth = fncData.substring(5, 7);
var brsDay = fncData.substring(8, 10);

//星座判定
switch ( brsMonth ) {
case "01" : brsDay <= 20 ? document.frm.txtSeiza.value = "山羊座" : document.frm.txtSeiza.value = "水瓶座"; break;
case "02" : brsDay <= 18 ? document.frm.txtSeiza.value = "水瓶座" : document.frm.txtSeiza.value = "魚座"; break;
case "03" : brsDay <= 20 ? document.frm.txtSeiza.value = "魚座" : document.frm.txtSeiza.value = "牡羊座"; break;
case "04" : brsDay <= 19 ? document.frm.txtSeiza.value = "牡羊座" : document.frm.txtSeiza.value = "牡牛座"; break;
case "05" : brsDay <= 20 ? document.frm.txtSeiza.value = "牡牛座" : document.frm.txtSeiza.value = "双子座"; break;
case "06" : brsDay <= 21 ? document.frm.txtSeiza.value = "双子座" : document.frm.txtSeiza.value = "蟹座"; break;
case "07" : brsDay <= 22 ? document.frm.txtSeiza.value = "蟹座" : document.frm.txtSeiza.value = "獅子座"; break;
case "08" : brsDay <= 22 ? document.frm.txtSeiza.value = "獅子座" : document.frm.txtSeiza.value = "乙女座"; break;
case "09" : brsDay <= 22 ? document.frm.txtSeiza.value = "乙女座" : document.frm.txtSeiza.value = "天秤座"; break;
case "10" : brsDay <= 23 ? document.frm.txtSeiza.value = "天秤座" : document.frm.txtSeiza.value = "蠍座"; break;
case "11" : brsDay <= 22 ? document.frm.txtSeiza.value = "蠍座" : document.frm.txtSeiza.value = "射手座"; break;
case "12" : brsDay <= 21 ? document.frm.txtSeiza.value = "射手座" : document.frm.txtSeiza.value = "山羊座"; break;
default : document.frm.txtSeiza.value = ""; break;
}

//星座図形処理
str = document.frm.txtSeiza.value;
switch ( str ) {
case "牡羊座" : document.frm.imgSeiza.src = "img/01_Aries.jpg"; break;
case "牡牛座" : document.frm.imgSeiza.src = "img/02_Taurus.jpg"; break;
case "双子座" : document.frm.imgSeiza.src = "img/03_Gemini.jpg"; break;
case "蟹座" : document.frm.imgSeiza.src = "img/04_Cancer.jpg"; break;
case "獅子座" : document.frm.imgSeiza.src = "img/05_Leo.jpg"; break;
case "乙女座" : document.frm.imgSeiza.src = "img/06_Virgo.jpg"; break;
case "天秤座" : document.frm.imgSeiza.src = "img/07_Libra.jpg"; break;
case "蠍座" : document.frm.imgSeiza.src = "img/08_Scorpio.jpg"; break;
case "射手座" : document.frm.imgSeiza.src = "img/09_Sagittarius.jpg"; break;
case "山羊座" : document.frm.imgSeiza.src = "img/10_Capricorn.jpg"; break;
case "水瓶座" : document.frm.imgSeiza.src = "img/11_Aquarius.jpg"; break;
case "魚座" : document.frm.imgSeiza.src = "img/12_Pices.jpg"; break;
default : document.frm.imgSeiza.src = ""; break;
}

//今日の日付を取得
var dt = new Date();
var dtYear = dt.getYear();
var dtMonth = dt.getMonth()+1;
var dtDay = dt.getDate();
if(dtYear < 2000){ dtYear += 1900; }
var dtToday = dtYear + "/" + dtMonth + "/" + dtDay;

//年齢処理
if(dtMonth < brsMonth || dtDay < brsDay) nomAge = dtYear - brsYear -1;
else nomAge = dtYear - brsYear;
document.frm.txtAge.value = "age. "+ nomAge;

//ラッキーカラー
rdmColor = Math.floor(Math.random() * aryColor.length);
if(rdmColor > CNST_DARK) { document.frm.txtLuckycolor.style.color = "White"; }
else { document.frm.txtLuckycolor.style.color = "Black"; }
document.frm.txtLuckycolor.value = "ラッキーカラー　" + aryColor[rdmColor];
document.frm.txtLuckycolor.style.backgroundColor = aryColor[rdmColor];
rndStarA = Math.floor(Math.random() * CNST_STAR) + 1;
rndStarB = Math.floor(Math.random() * CNST_STAR) + 1;
rndStarC = Math.floor(Math.random() * CNST_STAR) + 1;
avgStar = Math.ceil((rndStarA + rndStarB + rndStarC) / 3);
var strHosiA ="";
var strHosiB ="";
var strHosiC ="";
var strHosiD ="";
for(i=0; i<rndStarA; i++) strHosiA += "☆";
for(i=0; i<rndStarB; i++) strHosiB += "☆";
for(i=0; i<rndStarC; i++) strHosiC += "☆";
for(i=0; i<avgStar; i++) strHosiD += "★";
document.frm.txtOutputA.value = "健康運　" + strHosiA;
document.frm.txtOutputB.value = "財産運　" + strHosiB;
document.frm.txtOutputC.value = "恋愛運　" + strHosiC;
document.frm.txtOutputD.value = "全体運　" + strHosiD;
}
// -->
</script>

リンク12(リンク領域)

<style type="text/css">
<!--
A.lnk {
　 display: block;
　 width: 100%;
　 height: 100%;
　 text-decoration: none; /* 文字装飾 */
　 color: #ffffff; /* 文字の色 */
}
A.lnk:active {
　 text-decoration: none; /* 文字装飾 */
　 color: #ffffff; /* 文字の色 */
}
A.lnk:visited {
　 text-decoration:none; /* 文字装飾 */
　 color: #ffffff; /* 文字の色 */
}
A.lnk:hover {
　 text-decoration: none; /* 文字装飾 */
　 color: #ffffff; /* 文字の色 */
　 background-color: #ff0000; /* 背景色 */
}
-->
</style>

リンク11(太字)

<style type="text/css">
<!--
A:link {
color: #0000ff; /* リンクの色 */
text-decoration: none; /* 文字装飾 */
}
A:visited { }
A:active { }
A:hover {
color: #ff0000; /* リンクの色 */
text-decoration: none; /* 文字装飾 */
font-weight: bold; /* フォントの太さ */
}
// -->
</style>>

リンク10(フォント)

<style type="text/css">
<!--
A:link {
color: #0000ff; /* リンクの色 */
text-decoration: none; /* 文字装飾 */
}
A:visited { }
A:active { }
A:hover {
color: #ff0000; /* リンクの色 */
text-decoration: none; /* 文字装飾 */
font-family: "ＭＳ 明朝",serif; /* フォントの種類 */
}
// -->
</style>