HTML, CSS 등 (Spry 메뉴 막대 동작의 속성 변경)

Spry Menu 막대를 만드는 데 여러 가지 방법을 실험 해봤습니다. 또한 Spry 메뉴 막대를 만들기 위해 여러 가지 방법을 실험했습니다. 테두리가 파란색으로 페이드 인하는 Visual Studio Express 2012 프로그램 웹 설치 프로그램. 지금까지이 작업을 수행 할 수있는 유일한 방법은이 작업에 "강조 표시"동작을 추가하는 것입니다. 그러나 필요한 작업 만 수행합니다. 내가 뭘 하려는지 강조하기 위해 "BORDER"대신 배경색을 강조 표시하는 속성을 변경합니다.이 옵션에는 배경색이 있습니다.HTML, CSS 등 (Spry 메뉴 막대 동작의 속성 변경)

오류 내가 받고 있어요 :이 문제는 단지 ID를 가진 요소에 영향을 미칠 수

. 취소를 클릭하고 속성 관리자 또는 코드보기를 사용하여 요소에 ID를 부여하십시오. 이 작업은 문서에 추가되지 않습니다.

여기에 내가 만든 한 활발한 메뉴 바 내 코딩입니다.

<ul class="MenuBarVertical" id="MenuBar1"> 
    <li class="MenuBarSubmenuVisible" id="Home" onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false)" name="Home"> 
     <div align="center"><a href="Index.html">Home Page </a></div> 
     </li> 
    <li onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false)" id="Aboutus"> 
     <div align="center"><a href="#">About Us</a></div> 
     </li> 
    <li onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false)" id="Downloads"> 
     <div align="center"><a href="#">Downloads</a>   </div> 
     </li> 
    <li onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false)" id="Forums"> 
     <div align="center"><a href="#">Forums</a></div> 
    </li> 
    <li onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false) id="Untitled"> 
     <div align="center"><a href="#">Untitled Item</a></div> 
    </li> 
    </ul>

내가 필요하고하는 것은 .. 사람을 않는 변경하는 ID 값 또는 어떤 사상이 오류가 말하는, 그래서 "국경"내가 행복하게 살 수에 해당 옵션을 변경할 수 있습니다 이 대답을 알아? 어떤 사진 죄송

, 나는 그들을했다 ...하지만 스팸 방지 내가 10 담당자 포인트가없는 ... 을 저를 얻었다.

출처

2012-11-10 Prince

CSS를 사용하면됩니다.

<style> 
    li:hover { 
    border: 2px solid #10CA00; 
    display : block; 
    height: 50px; 
    padding : 5px; 
    margin : 10px; 
    width: 100px; 
    } 
    </style>

이이 시도 작동하지 않을 경우

<style> 
li:hover { 
border: 2px solid #10CA00; 
} 
</style>

을 사용하면 색상 (# 10CA00)과 크기 (2 픽셀)

을 변경할 수 있습니다 메뉴 UL의 상단에 이 넣어

이러한 속성 값을 변경하고 필요없는 것을 제거 할 수 있습니다.

출처

2012-11-10 02:43:55 bleuscyther

굉장! 그것은 완벽하게 작동했지만 지연된 페이드 효과를 얻기 위해 어쨌든 거기에 있습니까? – Prince

테두리 또는 단추가 맞습니까? – bleuscyther

Youn은 jquery 함수 인 .animate()를 사용하여 두 개의 CSS 클래스 사이를 전환 할 수 있습니다. 그래서 가능합니다. – bleuscyther

HTML, CSS 등 (Spry 메뉴 막대 동작의 속성 변경)

답변

관련 문제