jsp快到截止日期字体颜色变色

快到截止日期字体颜色变色"/>

jsp快到截止日期字体颜色变色

本文实例讲述了JQuery实现动态适时改变字体颜色的方法。分享给大家供大家参考。具体分析如下：

JQuery动态适时改变字体的颜色，Ajax的效果类似，在文本框输入文字，再选择色块，输入的文字就会变成色块标示的颜色值，很不错的效果吧。如果运行有错，请刷新一次页面即可。

h1 {

font:bold 15px/19px Georgia, serif;

}

p {margin:0;}

#colorselections a {

border:2px solid #fff;

margin-right:4px;

display:block;

float:left;

}

a img {

border:1px solid #fff;

width:22px;

height:22px;

vertical-align:bottom;

}

#colorselections{zoom:1}

#colorselections a.on {

border:2px solid #d5680d;

}

#previewer {

margin:26px 0 20px 0;

padding:6px;

clear:left;

font:bold 19px/25px Verdana;

border:1px solid #ccc;

width:80%;

}

$(function(){

$("#inputText").keyup(function(){

$("#previewer").empty();

$("#previewer").text($(this).attr("value"));

});

});

$(function(){

$("#colorselections a").click(function(){

$(this).addClass("on").siblings().removeClass("on");

$("#previewer").css("color",$(this).css("background-color"))

});

});

请输入文字

请选择颜色

希望本文所述对大家的jQuery程序设计有所帮助。