ここから本文です

HP作りでナノを使っているんですが 、リンクで上下に跳ねるhtmlを使ってます。 ...

向日那岐さん

2012/1/1720:39:25

HP作りでナノを使っているんですが 、リンクで上下に跳ねるhtmlを使ってます。
そこでリンクの色を変えたいのですが、出来ません。どうすればいいでしょうか。お願いします。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>

<style type="text/css">

/*link*/
a{
text-decoration:none;
}

</style>

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
<!--
var l = document.getElementsByTagName("a").length;
var targetElement = Array(l);
var stop = Array(l);
var posn = Array(l);

function set_link_jump(){
var lnks = document.getElementsByTagName("a");
if(lnks.length > 0){
for(i=0; i<lnks.length; i++){
lnks[i].style.position = "relative";
lnks[i].onmouseover = jump_set;
lnks[i].id = i;
targetElement[i] = lnks[i];
targetElement[i].vl = false;
}
}
}


function jump_set(evt){
var ele;
if(window.addEventListener) {
ele = evt.target;
}else{
ele = event.srcElement;
}
if(targetElement[ele.id].vl == false){
targetElement[ele.id].vl = true;
posn[ele.id] = 0;
stop[ele.id] = setInterval("jump("+ele.id+")",50);
}
}

function jump(id){
switch(posn[id]){
case 0:
case 4:
case 7:{
targetElement[id].style.top = "-2px";
}
break;
case 1:
case 3:{
targetElement[id].style.top = "-3px";
}
break;
case 2:{
targetElement[id].style.top = "-4px";
}
break;
case 5:
case 9:
case 11:{
targetElement[id].style.top = "0px";
}
break;
case 6:
case 8:
case 10:{
targetElement[id].style.top = "-1px";
}
break;
default:{
}
}

if(posn[id] == 11){
clearInterval(stop[id]);
posn[id] = 0;
targetElement[id].vl = false;
}
else{
posn[id]++;
}
}
//-->
</script>
</head>
<body onLoad="set_link_jump();">
</body>
</html>

閲覧数:
587
回答数:
1
お礼:
100枚

違反報告

ベストアンサーに選ばれた回答

mar********さん

2012/1/1721:48:43

styleの部分

/*link*/
a:link {
color:#0000dd;
text-decoration:none;
}
a:visited {
color:#0000dd;
text-decoration:none;
}
a:hover {
color:#ff0000;
text-decoration:none;
}
a:active {
color:#ff0000;
text-decoration:none;
}

質問した人からのコメント

2012/1/24 23:01:23

出来ました。ありがとうございました!!

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる