preciso transferir o código abaixo, para os seguintes arquivos wp-content.js e style.css, para ter um código mais legível e agrupar as demais funções .js do site.
O problema que eu tenho atualmente é que não sei como chamar a função "mOver(this)" quando separo o código em arquivos.
como eu passaria essas 2 divs dentro do style.css? E como eu chamaria elas?
obs. o código encontra-se no:
http://www.w3schools.com/js/tryit.asp?filename=tryjs_events_mouseover
<!DOCTYPE html>
<html>
<body>
<div onmouseover="mOver(this)" onmouseout="mOut(this)" style="background-color:#D94A38;width:120px;height:20px;padding:40px;">Mouse Over Me</div>
<script>
function mOver(obj)
{
obj.innerHTML="Thank You"
}
function mOut(obj)
{
obj.innerHTML="Mouse Over Me"
}
</script>
</body>
</html>