帮忙修改一下javascript里面字体的大小,非常感谢!
<htmlxmlns="http://www.w3.org/1999/xhtml"><head><!--文档的头--><title>控制文本的对齐方式</title><!...
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <!--文档的头-->
<title>控制文本的对齐方式</title> <!--文档的标题-->
<script language="javascript">
function align(n) //自定义函数
{
switch(n) //以n为变量的swith控制语句
{
case 1:form1.text.style.textAlign="left"; //左对齐
break;
case 2:form1.text.style.textAlign="center"; //居中对齐
break;
case 3:form1.text.style.textAlign="right"; //右对齐
}
}
</script>
</head>
<script language="javascript">
function color (n)
{
switch (n)
{
case 1:form1.text.style.color="black"; //左对齐
break;
case 2:form1.text.style.color="green"; //居中对齐
break;
case 3:form1.text.style.color="yellow";
}
}
</script>
</head>
<script language="javascript">
function doZoom(size){
document.getElementById('text').style.fontSize=size+'pt'
switch (n)
{
case 1:form1.text.style.fontSize=24pt; //左对齐
break;
case 2:form1.text.style.fontSize=30pt; //居中对齐
break;
case 3:form1.text.style.fontSize=36pt;
}
}
</script>
</head>
<!--文档主体-->
<form id="form1" name="form1" method="post" action=""> <!--表单-->
<label onclick="align(1)">左对齐</label> <label onclick="align(2)">居中对齐</label> <label onclick="align(3)">右对齐</label>
<label onclick="color(1)">黑色</label> <label onclick="color(2)">绿色</label> <label onclick="color(3)">黄色</label>
<label onclick="font-size(1)">24号</label> <label onclick="font-size(2)">30号</label> <label onclick="font-size(3)">36号</label>
<br /> <!--换行-->
<textarea name="text" id="text" cols="50" rows="8" style="ime-mode:inactive">青未了,柳回白眼;红欲透,杏开素面</textarea>
<!--一个多行文本框-->
</form> <!--表单-->
</body>
</html> 展开
<head> <!--文档的头-->
<title>控制文本的对齐方式</title> <!--文档的标题-->
<script language="javascript">
function align(n) //自定义函数
{
switch(n) //以n为变量的swith控制语句
{
case 1:form1.text.style.textAlign="left"; //左对齐
break;
case 2:form1.text.style.textAlign="center"; //居中对齐
break;
case 3:form1.text.style.textAlign="right"; //右对齐
}
}
</script>
</head>
<script language="javascript">
function color (n)
{
switch (n)
{
case 1:form1.text.style.color="black"; //左对齐
break;
case 2:form1.text.style.color="green"; //居中对齐
break;
case 3:form1.text.style.color="yellow";
}
}
</script>
</head>
<script language="javascript">
function doZoom(size){
document.getElementById('text').style.fontSize=size+'pt'
switch (n)
{
case 1:form1.text.style.fontSize=24pt; //左对齐
break;
case 2:form1.text.style.fontSize=30pt; //居中对齐
break;
case 3:form1.text.style.fontSize=36pt;
}
}
</script>
</head>
<!--文档主体-->
<form id="form1" name="form1" method="post" action=""> <!--表单-->
<label onclick="align(1)">左对齐</label> <label onclick="align(2)">居中对齐</label> <label onclick="align(3)">右对齐</label>
<label onclick="color(1)">黑色</label> <label onclick="color(2)">绿色</label> <label onclick="color(3)">黄色</label>
<label onclick="font-size(1)">24号</label> <label onclick="font-size(2)">30号</label> <label onclick="font-size(3)">36号</label>
<br /> <!--换行-->
<textarea name="text" id="text" cols="50" rows="8" style="ime-mode:inactive">青未了,柳回白眼;红欲透,杏开素面</textarea>
<!--一个多行文本框-->
</form> <!--表单-->
</body>
</html> 展开
2个回答
展开全部
<label onclick="font-size(1)">24号</label> <label onclick="font-size(2)">30号</label> <label onclick="font-size(3)">36号</label>
<br /> <!--换行-->
你好,上面的24号,30号,36号为字体大小。font-size是字体大小的意思,你修改的时候只需要把数字增大或调小就可以了,比如把font-size(1)">24号,,修改为font-size(1)">28号,字体就会增大!
<br /> <!--换行-->
你好,上面的24号,30号,36号为字体大小。font-size是字体大小的意思,你修改的时候只需要把数字增大或调小就可以了,比如把font-size(1)">24号,,修改为font-size(1)">28号,字体就会增大!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
建议你用jquery(自行百度什么事jquery),这样方便一点
function font-size(size){
if(size==1){
$("#text").css("font-size":"24px");
}else if(size==2){
$("#text").css("font-size":"30px");
}else if(size==2){
$("#text").css("font-size":"36px");
}
}
function font-size(size){
if(size==1){
$("#text").css("font-size":"24px");
}else if(size==2){
$("#text").css("font-size":"30px");
}else if(size==2){
$("#text").css("font-size":"36px");
}
}
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询