在樹枝中增加一個css類的值

我有一個css類，HTML5和css3中的佈局包含了一個：hover background-color，這個顏色存儲在數據庫中，並在控制器中選取它，現在不知道如何做到這一點：懸停背景色屏幕顯示。我認爲是將html代碼包含在具有該風格的標籤的中間，並告訴遭受html標籤的類：懸停以增加一個，以這種方式去選擇增加值在樹枝中增加一個css類的值

這是我的一種想法代碼：

<ul class="sub"> 
     {% for key, c in categorias %} 
    <li class="hover"> 
     <a href="elemento.html">{{ c.nombre }} 
      <div class="icon" style="background-color: #{{c.color}}"> 
       <img src="{{ asset('images/iconoportada/' ~ c.iconoNombre)}}" alt="elemento" /> 
      </div> 
     </a> 
    </li> 
     {% endfor %}

每個項目有：懸停背景不同，像當前的背景抓住它從數據庫中，問題是，我無法捕捉到：這裏懸停的CSS所以我想Twig

來源

2013-10-21 Ramón Devesa

你是什麼意思_增加顏色？你想讓它變得更暗或更輕？ –

不，真的不想增加顏色，但我認爲這個類包括你「懸停」一個值，例如被稱爲「hover1」，並且每個元素將增加該數字，下一個將是「hover2」在這種形式下，它可以分配一個不同的顏色：懸停每個元素 –

我不明白你想要做什麼。在上面的代碼中必須增加什麼？ c.nombre，c.color或c.iconoNombre？ –

我會ü SE是這樣的：

{% for key, c in categorias %} 
    <li class="hover"> 
     <a href="elemento.html">{{ c.nombre }} 
      <div class="icon" rel="#{{c.color}}"> 
       <img src="{{ asset('images/iconoportada/' ~ c.iconoNombre)}}" alt="elemento" /> 
      </div> 
     </a> 
    </li> 
    {% endfor %}

和jQuery

<script> 
    $(document).ready(function(){ 
     var oldbg = ""; 
     $(".icon").hover(function(){ 
     oldbg = $(this).css("background-colod"); 
     $(this).css("background-colod", $(this).attr("rel")); 
     }, function(){ $(this).css("background-colod", oldbg); }); 
    } 
</script>

未測試...只是從我的頭頂。

來源

2013-10-21 14:10:25 Udan

在樹枝中增加一個css類的值

回答

相關問題