js javascript 文字变换颜色，样式，改变文字的颜色，样式，js改变字体

shihuan830619

浏览: 580113 次
性别:
来自: 上海

最近访客更多访客>>

u010722671

u010046887

wilsonyun

diamondbc

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

JavaScript

<html>
<head> <title>文字变换颜色样式 </title>

</head>
<script>
function changeColor()
{
    var title = document.getElementById("title").value;
    var select = document.getElementById("selector").value;
    if(select=="two")
    {
        document.getElementById("title").style.color="green";
    }
    else document.getElementById("title").style.color="red";
}

function changeStyle()
{
    var title = document.getElementById("title").value;
    var select = document.getElementById("selector2").value;
    if(select=="two")
    {
        document.getElementById("title").style.fontFamily="Times New Roman";
    }
    else
        document.getElementById("title").style.fontFamily="楷体";
}

</script>
<body>
    <form name="form1">
    <input type="text" name="title" id="title" value="黑色头发" style="font-family:Helvetica;">
    <select name="selector" id="selector" onchange="changeColor()">
        <option value="one">红色 </option>
        <option value="two">绿色 </option>
    </select>
    <select name="selector2" id="selector2" onchange="changeStyle()">
        <option value="one">宋体 </option>
        <option value="two">楷体 </option>
    </select>
    </form>
</body>
</html>

<html>
<head> <title>文字变换颜色样式 </title>

</head>
<script>
function changeColor()
{
var title = document.getElementById("title").value;
var select = document.getElementById("selector").value;
if(select=="two")
{
document.getElementById("title").style.color="green";
}
else document.getElementById("title").style.color="red";
}

function changeStyle()
{
var title = document.getElementById("title").value;
var select = document.getElementById("selector2").value;
if(select=="two")
{
document.getElementById("title").style.fontFamily="Times New Roman";
}
    else
        document.getElementById("title").style.fontFamily="楷体";
}

</script>
<body>
<form name="form1">
<input type="text" name="title" id="title" value="黑色头发" style="font-family:Helvetica;">
<select name="selector" id="selector" onchange="changeColor()">
<option value="one">红色 </option>
<option value="two">绿色 </option>
</select>
<select name="selector2" id="selector2" onchange="changeStyle()">
<option value="one">宋体 </option>
<option value="two">楷体 </option>
</select>
</form>
</body>
</html>

分享到：

调用org.apache.tools.zip实现压缩文件 | JS正则表达式测试和JS测试工具

2009-02-24 09:58
浏览 24661
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论