自由编程

来源: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,文字内容为”蓝色背景“,显示效果如下:

http://img.mukewang.com/climg/60f7b573099a09f303100070.jpg

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

http://img.mukewang.com/climg/60f7b5d70951b5e603070079.jpg

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

http://img.mukewang.com/climg/60f7b65c0927974c03430189.jpg

祝学习愉快~

0

0 学习 · 16556 问题

查看课程