Add a class to your IDs, then it should work:
[code]
<style type="text/css">
div {border:1px solid #ccc;width: 100px;height:100px;margin:
10px;float:left;}
</style>
<script language=javascript><!--
$(document).ready(function(){
$("div.rollover").hover(
function () {
$(this).css({ backgroundColor:"yellow",
fontWeight:"bold" });
console.log("over");
},
function () {
$(this).css({ backgroundColor:"white",
fontWeight:"normal" });
console.log("out");
});
});
-->
</script>
</head>
<body>
<div> no for me</div>
<div id="foo" class="rollover">eins</div>
<div id="bar" class="rollover">zwei</div>
<div id="foo2"> me nether :-(</div>
<div id="bar2" class="rollover">drei</div>
[/code]
cheers
tom
