自由编程
来源:1-19 自由编程
禾子飞
2021-07-21 10:14:42
相关代码:
<script type="text/javascript">
alert("欢迎来到颜色设置的页面");
$("#blue").click(function(){
$("#bg").text("");
$("#bg").text("蓝色背景");
$("#bg").css("background-color","blue");
});
$("#green").click(function(){
$("#bg").text("");
$("#bg").text("绿色背景");
$("#bg").css({"background-color":"green","font-style":"italic","font-weight":"bold"});
});
$("input[name='color']").keypress(function(event){
if(event.keyCode == 66){
$("#bg").css("background-color","blue");
}
if(event.keyCode == 71){
$("#bg").css("background-color","green");
}
$("#bg").text("");
});
</script>
1回答
好帮手慕小小
2021-07-21
同学你好,整体完成的很好,符合题目要求,但是还存在一个小问题,题目要求当点击名为蓝色的div,文字内容为”蓝色背景“,显示效果如下:

而同学代码中点击名为绿色div后再点击名为蓝色的div时,字体会加粗倾斜显示,效果如下:

建议设置下当点击蓝色div时文本不加粗正常显示,代码如下:

祝学习愉快~
相似问题