div에서만 동적 폭을 적용 할 수있는 방법 : div와 div : CSS 및 JavaScript에 의한 마우스 오버

<html> 

    <head> 
     <style type="text/css"> 
      div { 
       -moz-box-shadow: 0 10px 10px hsla(0, 0%, 0%, .2); 
       -webkit-box-shadow: 0 10px 30px hsla(0, 0%, 0%, .2); 
       box-shadow: 0 10px 30px hsla(0, 0%, 0%, .2); 
      } 
      div:hover { 
       width:200px; 
       background-color:red; 
      } 
     </style> 
    </head> 

    <body> 
     <? $dynamic_width=800; ?> 
      <div style=" width:<? echo $dynamic_width;?>px;">hover selector style links on mouse-over. 
       <div> 
    </body> 

</html>

위 코드에서 div : hover의 폭은 마우스 오버로 변경되지 않습니다. div width는 "$ dynamic_width"에 따라 변경 가능해야하고 마우스 위로 올려야 200px가되어야합니다.div에서만 동적 폭을 적용 할 수있는 방법 : div와 div : CSS 및 JavaScript에 의한 마우스 오버

출처

2012-03-14 ola

이것은 PHP와는 아무런 관련이 없습니다! 순수 자바 스크립트 또는 일종의 라이브러리 (jQuery)를 사용 하시겠습니까? – Sgoettschkes

요소 스타일은 일반 스타일보다 우선하므로 : hover 의사 클래스의 200px는 적용되지 않습니다.

시도 :

div:hover 
{ 
    width: 200px !important; 
    background-color:red; 
}

데모 : http://jsfiddle.net/bn2Sc/1/

출처

2012-03-14 16:20:03 Yoshi

actully 나는 서버에서 "$ dynamic_width"의 값을 가져 와서 적용하고 싶다. – ola

파일 아마 PHP 파일하지만 HTML 파일이 아닙니다. 파일의 확장자를 .php로 변경하십시오. 파일이 .php가 아닌 경우 모든 PHP 코드는 일반 html로 간주됩니다

출처

2012-03-14 16:26:46

php 확장자와 함께 사용하고 있습니다. – ola

div에서만 동적 폭을 적용 할 수있는 방법 : div와 div : CSS 및 JavaScript에 의한 마우스 오버

답변

관련 문제