Mudar aspecto com javascript

Boas,

queria saber se existe algum javascript que permite a mudança de zonas do css
exemplo

Código:


<FORM><INPUT TYPE="button" VALUE="silver" ONCLICK="document.
bgColor='silver'">
<INPUT TYPE="button" VALUE="slate" ONCLICK="document.
bgColor='lightslategray'">
<INPUT TYPE="button" VALUE="azure" ONCLICK="document.
bgColor='azure'">
<INPUT TYPE="button" VALUE="blue" ONCLICK="document.
bgColor='lightblue'">
<INPUT TYPE="button" VALUE="white" ONCLICK="document.
bgColor='white'"></FORM>

esse javascript permite a mudança da cor do fundo e eu queria um que mudasse a class ".pun-navlinks li:hover " para " .pun-navlinks li:hover {backgroundImage="url(https://2img.net/r/ihimizer/img407/2360/blueje.png} " , e se conseguirem arranjar um que guarde a mudança em cookies acho agradeço

up

Olá,

Desculpe mas não percebi bem sua duvida :S

Ate mais,
ddik

Bom dia,

Não compreendi, mas penso que seja isto:

Código:

<Script Language='Javascript'>
<!--
document.write(unescape('%3C%46%4F%52%4D%3E%3C%49%4E%50%55%54%20%54%59%50%45%3D%22%62%75%74%74%6F%6E%22%20%56%41%4C%55%45%3D%22%73%69%6C%76%65%72%22%20%4F%4E%43%4C%49%43%4B%3D%22%64%6F%63%75%6D%65%6E%74%2E%0D%0A%62%67%43%6F%6C%6F%72%3D%27%73%69%6C%76%65%72%27%22%3E%0D%0A%3C%49%4E%50%55%54%20%54%59%50%45%3D%22%62%75%74%74%6F%6E%22%20%56%41%4C%55%45%3D%22%73%6C%61%74%65%22%20%4F%4E%43%4C%49%43%4B%3D%22%64%6F%63%75%6D%65%6E%74%2E%0D%0A%62%67%43%6F%6C%6F%72%3D%27%6C%69%67%68%74%73%6C%61%74%65%67%72%61%79%27%22%3E%0D%0A%3C%49%4E%50%55%54%20%54%59%50%45%3D%22%62%75%74%74%6F%6E%22%20%56%41%4C%55%45%3D%22%61%7A%75%72%65%22%20%4F%4E%43%4C%49%43%4B%3D%22%64%6F%63%75%6D%65%6E%74%2E%0D%0A%62%67%43%6F%6C%6F%72%3D%27%61%7A%75%72%65%27%22%3E%0D%0A%3C%49%4E%50%55%54%20%54%59%50%45%3D%22%62%75%74%74%6F%6E%22%20%56%41%4C%55%45%3D%22%62%6C%75%65%22%20%4F%4E%43%4C%49%43%4B%3D%22%64%6F%63%75%6D%65%6E%74%2E%0D%0A%62%67%43%6F%6C%6F%72%3D%27%6C%69%67%68%74%62%6C%75%65%27%22%3E%0D%0A%3C%49%4E%50%55%54%20%54%59%50%45%3D%22%62%75%74%74%6F%6E%22%20%56%41%4C%55%45%3D%22%77%68%69%74%65%22%20%4F%4E%43%4C%49%43%4B%3D%22%64%6F%63%75%6D%65%6E%74%2E%0D%0A%62%67%43%6F%6C%6F%72%3D%27%77%68%69%74%65%27%22%3E%3C%2F%46%4F%52%4D%3E'));
//-->
</Script>

Não sei se funciona, ainda não testei...

Até mais.

Exemplo eu tenho este código

Código:

<script language="Javascript" type="text/Javascript">
<!--
function AlteraClasse(){
        alert("Vai alterar...");
      $("#pun-navlinks").css("display", "none");
        alert("Alterou.");
}
//-->
</script>
---------------------------------------------------------------


<table width="200" border="0">
  <tr id="menu1" onclick="AlteraClasse()" id="pun-navlinks">
    <td><b>Esconder Menu</b></td>
  </tr>
</table>



o codigo fará com que ao clickar a class pun-navlinks passe para display: none e eu queria ao carregar mudasse a class pun-navlinks li:hover para ficar com o backgroun-image com akela imagem , mas nao sei a maneira correcta de por o codigo