JavaScriptはハイパーリンク効果を実現します。
1691 ワード
今日はこのような問題がある人を見ました。コードを入れました。
あの人の役に立ちたいです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> Test</title>
</head>
<style>
.changeToA{
font-size:120%;
text-decoration:underline;
cursor:pointer;
margin:10px;
}
</style>
<body>
<div id="test"></div>
<script type="text/javascript">
<!--
onClickMehthod = function(){
alert("You click me");
}
var btn = "<div class='btnBg'></div><div class='btn'>";
for(var i=1,len=3; i < len; i++) {
btn +="<span><a class='changeToA' onclick='onClickMehthod();'>1</a></span>";
btn +="<span><a class='changeToA' onclick='onClickMehthod();'>2</a></span>";
btn +="<span><a class='changeToA' onclick='onClickMehthod();'>3</a></span>";
btn +="<span><a class='changeToA' onclick='onClickMehthod();'>4</a></span>";
btn +="<span><a class='changeToA' onclick='onClickMehthod();'>5</a></span>";
btn +="</div>"
}
document.getElementById("test").innerHTML = btn;
//-->
</script>
</body>
</html>あの人の役に立ちたいです。