Smarty、js、css に関連する問題を解決する

Smarty、js、css の問題を解決する
データベースから最新の 10 レコードを取り出し、samrty を介してページに表示し、マウスがその上に移動したときの制御に js を使用しました。 div の背景色が変更されました。現在の表示結果では、他の div の上にマウスを置くと、最初の div の背景色が変更され、他の div は変更されません。この場合、どうやって状況を解決しますか？


js

関数 MouseOver(){
document.getElementById('diary').style.backgroundColor ="#C4C8CC";
}
関数MouseOut(){
document.getElementById('diary').style.backgroundColor ="#F4F5F7";
}

ページにはスマートな 2 次元配列が表示されます

------解決策----------------------
HTMLコードを送ってください。あなたの説明から判断すると、すべての div に同じ id 属性値が設定されているわけではありませんね。