JS下拉菜单实现字体大小(实例)
来源:互联网 发布:网上的原油期货软件 编辑:程序博客网 时间:2024/04/29 16:52
<!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='green';}
if(optValue==4){document.getElementById("div1").style.color='red';}
if(optValue==5){document.getElementById("div1").style.color='pink';}
}
</script>
</head>
<body>
<select id="select" onchange="changeCont()">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<div id="div1">改变文字大小</div>
</body>
</html>
- JS下拉菜单实现字体大小(实例)
- js实现下拉菜单
- Js实现下拉菜单
- js实现下拉菜单
- js实现下拉菜单
- js实现下拉菜单
- js下拉导航菜单实例
- js下拉导航菜单实例
- js下拉菜单的实现
- js实现省份下拉菜单
- JS实现选项菜单(实例)
- 下拉菜单的实现,纯CSS实现下拉菜单 与 使用JS实现下拉菜单
- JS多维关联下拉菜单实现方法(转)
- JSP实现2级下拉菜单实例
- JS 实现下拉菜单的方法
- div+style+js实现下拉菜单
- js实现收缩的下拉菜单
- js实现年月日三级下拉菜单联动
- 20本必读的用户体验书目
- SAP系统的启动和停止
- 弃九法,数论同余学习笔记
- android中滑动小点实现
- ora-01033: 正在初始化或关闭 进程ID:0 oracle initialization or shutdown in progress
- JS下拉菜单实现字体大小(实例)
- 找出一组整数中最大的那个
- 你真的会用windows么?——用压缩工具实现音乐合并
- Struts2第三天总结
- 选项卡实现内容的变换
- windows8经典时钟
- android listview刷新
- CALayer层和动画
- 求一组整数的和