我想使用jQuery和HTML5 data
屬性的組合來動畫特定div的background-color
。我願意爲實現這一目標提供最佳方式,但我相信上述內容對我的情況最有意義。使用jQuery和HTML5數據屬性的動畫背景顏色
我想在使用Wordpress高級自定義字段插件設置的顏色數組之間淡出,因此使用data
屬性的原因,所以我可以在DOM中動態設置這些顏色。
以下是div
的標記,包括顏色,但是我不知道如何實現的是jQuery在所有顏色之間進行動畫處理,理想情況下是隨機的。
有人可以協助嗎?謝謝。
<div id="content" data-colors="<?php if(have_rows('dot_colours', 'option')): ?><?php while(have_rows('dot_colours', 'option')): the_row(); ?><?php the_sub_field('colour'); ?>,<?php endwhile; ?><?php endif; ?>
">
Content here.
</div>