<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlsns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function changeCont()
{
var num=document.getElementById("select");
var optValue=num.value;
//alert(optValue);
var divCont=document.getElementById("div1");
divCont.style.fontSize=(optValue*10)+'px';
if(optValue==1){document.getElementById("div1").style.color='red';}
if(optValue==2){document.getElementById("div1").style.color='blue';}
if(optValue==3){document.getElementById("div1").style.color='g
JS下拉菜单实现字体大小（实例）
最新推荐文章于 2026-03-24 00:23:45 发布
该博客演示了如何使用JavaScript实现在下拉菜单选择不同选项时，改变网页中指定文字的大小和颜色。通过监听下拉菜单的变更事件，根据所选值动态设置div元素的字体大小和颜色。
扫一扫
4366
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
