この記事の例では、JQuery が適切なタイミングでフォントの色を動的に変更する方法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。
JQuery は、フォントの色をタイムリーに動的に変更します。Ajax の効果と同様です。テキスト ボックスにテキストを入力し、カラー ブロックを選択すると、入力されたテキストがその色でマークされた色の値に変わります。ブロックとしては非常に良い効果です。動作に誤りがある場合はページを更新して下さい。
<頭>
JQueryアニメーション态改改字体颜色
<スクリプトタイプ="text/javascript">
$(関数(){
$("#inputText").keyup(function(){
$("#previewer").empty();
$("#previewer").text($(this).attr("value"));
});
});
$(関数(){
$("#colorselections a").click(function(){
$(this).addClass("on").siblings().removeClass("on");
$("#previewer").css("color",$(this).css("background-color"))
});
});
请输入文字
请选择颜色
