1、建立一个静态页命名为change.html ,标题为js导航点击的怎么同时变图片跟字体颜色。
2、设置一个简易的导航栏。
3、加css 控制菜单的样式,并加入背景图片。
4、为li添加id,创建函数fun ,并传递传递参数。
5、为函数加入点击导航改变背景图片的代码element.style.backgroundImage="url(images/bg2.png)"
6、加入改变文字大小的代码
element.style.color="black"
//修改文字大小
element.style.fontSize="18px"
7、然后就完成了。
要写select选中事件,根据选中改变背景或者CSS<script src="jquery.min.js"></script>
<div id="div">这是一个文本框</div>
<select name="" class="select">
<option>选择颜色</option>
<option value="red">红色</option>
<option value="green">绿色</option>
<option value="yellow">黄色</option>
</select>
<script>
$('.select').change(function(event) {
var bgColor = $(this).val()
$("#div").css("background",bgColor)
})
</script>