谁帮我写一个简单的改变字体颜色的javascript函数？

比如
<p onlick=changeclr()>123</p>  
<p onlick=changeclr()>456</p>  
<p onlick=changeclr()>789</p> 
谁帮我写一个 changeclr()函数？

解决方案 »

  1.   

    <HTML>
    <HEAD>
    <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
    <TITLE></TITLE>
    <SCRIPT LANGUAGE=javascript>
    <!--
    function FontColor(oldColor,newColor){
       var oldColor=oldColor
       var newColor=newColor
       
       this.cur=null
       this.changeColor=function(src){
         if(this.cur!=null){
           this.cur.style.color=oldColor
         }
         src.style.color=newColor
         this.cur=src
       }
    }
    var crl=new FontColor('black','red')//-->
    </SCRIPT></HEAD>
    <BODY><p onclick=crl.changeColor(this)>123</p>  
    <p onclick=crl.changeColor(this)>456</p>  
    <p onclick=crl.changeColor(this)>789</p> 
    </BODY>
    </HTML>
      

  2.   

    拿这个例子看看吧:要完成此效果把如下代码加入到<body>区域中<script language="JavaScript1.2">
    var highlightcolor="#FF9900"
    var ns6=document.getElementById&&!document.all
    var previous=''
    var eventobj
    var intended=/INPUT|TEXTAREA|SELECT|OPTION/
    function checkel(which){
    if (which.style&&intended.test(which.tagName)){
    if (ns6&&eventobj.nodeType==3)
    eventobj=eventobj.parentNode.parentNode
    return true
    }
    else
    return false
    }
    function highlight(e){
    eventobj=ns6? e.target : event.srcElement
    if (previous!=''){
    if (checkel(previous))
    previous.style.backgroundColor=''
    previous=eventobj
    if (checkel(eventobj))
    eventobj.style.backgroundColor=highlightcolor
    }
    else{
    if (checkel(eventobj))
    eventobj.style.backgroundColor=highlightcolor
    previous=eventobj
    }
    }
    </script>
    <form onClick="highlight(event)">
    <input type="text" size=25><br>
    <textarea rows="5" name="S1" cols="31"></textarea><br>
    <input type="checkbox">&nbsp;&nbsp;<input type="checkbox">
      </select><br>
      <input type="button" value="Button">
    </form>
      

  3.   

    要完成此效果把如下代码加入到<body>区域中<script language="JavaScript1.2">
    var highlightcolor="#FF9900"
    var ns6=document.getElementById&&!document.all
    var previous=''
    var eventobj
    var intended=/INPUT|TEXTAREA|SELECT|OPTION/
    function checkel(which){
    if (which.style&&intended.test(which.tagName)){
    if (ns6&&eventobj.nodeType==3)
    eventobj=eventobj.parentNode.parentNode
    return true
    }
    else
    return false
    }
    function highlight(e){
    eventobj=ns6? e.target : event.srcElement
    if (previous!=''){
    if (checkel(previous))
    previous.style.backgroundColor=''
    previous=eventobj
    if (checkel(eventobj))
    eventobj.style.backgroundColor=highlightcolor
    }
    else{
    if (checkel(eventobj))
    eventobj.style.backgroundColor=highlightcolor
    previous=eventobj
    }
    }
    </script>
    <form onClick="highlight(event)">
    <input type="text" size=25><br>
    <textarea rows="5" name="S1" cols="31"></textarea><br>
    <input type="checkbox">&nbsp;&nbsp;<input type="checkbox">
      </select><br>
      <input type="button" value="Button">
    </form>
      

  4.   

    <style>
    td{color:green;background:yellow}
    td.td2{color:red;background:lightblue}
    </style>
    <script>
    function changeclr(obj)
    {
      for(i=0;i<document.all.tags("td").length;i++)
      document.all.tags("td")[i].className="";
      obj.className="td2";
    }
    </script>
    <table>
    <tr>
    <td onclick=changeclr(this)>123</td>  
    <td onclick=changeclr(this)>456</td>  
    <td onclick=changeclr(this)>789</td>
    </tr>
    </table>
      

  5.   

    http://www.csdn.net/Expert/TopicView1.asp?id=629335