新しくブログを開設しました。

Webエンジニアがデザイナーになってみる。


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

新しくブログを開設しました。

Webエンジニアがデザイナーになってみる。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>JavaScript</title>
<link rel="stylesheet" type="text/css" href="chgMenu.css" />
<script type="text/javascript" src="chgMenu.js"></script>
</head>

<body>
<h3 class="tips">JavaScriptSample
<span class="show"
<a href="#" id="read4" onclick="return showpara(4)">▼見る</a>
<a href="#" id="close4" onclick="return hidepara(4)">▲閉じる</a>
</span>
</h3>

<ul id="chap4">
<li><a href="js002.htm">test1</a></li>
<li><a href="js003.htm">test2</a></li>
<li><a href="js004.htm">test3</a></li>
</ul>

</body>
</html>






■chgMenu.css

#close1, #close2, #close3, #close4, #close5, #close6, #close7, #close8, #close11, #close12, #close13,
#close14, #close15, #close16, #close17, #chap1, #chap2, #chap3, #chap4, #chap5, #chap6, #chap7, #chap8,
#chap11, #chap12, #chap13, #chap14, #chap15, #chap16, #chap17 {
display: none;
}
#read11, #read12,#read13,#read14,#read15,#read16,#read17,#close11,#close12,#close13,#close14,#close15,#close16,#close17 {
color: #a00;
}
ul {
width: 95%;
padding: 5px;
border: 1px solid #a0a0a0;
background: #ddd;
margin-left: auto;
margin-right: auto;
}



■chgMenu.js

function showpara(num) {
if(document.getElementById) {
document.getElementById("chap" + num).style.display = "block";
document.getElementById("read" + num).style.display = "none";
document.getElementById("close" + num).style.display = "inline";
}
return false;
}
function hidepara(num) {
if(document.getElementById) {
document.getElementById("chap" + num).style.display = "none";
document.getElementById("read" + num).style.display = "inline";
document.getElementById("close" + num).style.display = "none";
}
return false;
}
スポンサーサイト

テーマ:Webサービス - ジャンル:コンピュータ

<<You Tube API + Flex RIA サンプル | ホーム | NZDが一日で10NZD/JPY下げ>>

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバック URL
http://kanamehackday.blog17.fc2.com/tb.php/100-e9086b51
この記事にトラックバックする(FC2ブログユーザー)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。