【フリープラグイン】背景と文字の色を強制的に変更! Part.2 | お絵描きなう~イラストの描き方教えます!~

【フリープラグイン】背景と文字の色を強制的に変更! Part.2

前回、やっつけで作ったフリープラグイン[1]を改良したので紹介します。

改良後はこんな感じです。
<script type="text/javascript">
$(function(){
var bgc = "#FFFFFF";/*背景色*/
var foc = "#000000";/*文字色*/
$(".ccp").css("background-color", bgc).css("color", foc);
});
</script>


変更点は以下の2点です。
以前は「bg_fff」と「font_000」を記述しなければならなかったが今回は「ccp」だけでよくなった。
「背景色」と「文字色」に名前をつけて色の変更が簡単に出来るようにした。


使い方
色を変更したい部分にこのような記述をするだけです。
<div class="cpp">
「ここに記事を書きます。」
</div>


関連記事
1. 【フリープラグイン】背景と文字の色を強制的に変更!