Как использовать динамическую ширину только на 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: наведение не изменяется с помощью мыши. ширина div должна меняться в соответствии с «$ dynamic_width», а на мыши над ней должно быть 200pxКак использовать динамическую ширину только на div не на div: наведите курсор на CSS и JavaScript

источник

2012-03-14 ola

Это не имеет никакого отношения к php! Вы хотите использовать чистый javascript или какую-то библиотеку (jQuery)? – Sgoettschkes

Поскольку стиль элемента имеет приоритет над более общим стилем, 200px из псевдо-класса hover никогда не применяются.

Try:

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: наведите курсор на CSS и JavaScript

ответ

Смежные вопросы