该网站包含两个主要的JavaScript代码块。这两个代码块都是通过jQuery库来实现的,用于为网页中的元素添加鼠标悬停(mouseover)和鼠标离开(mouseout)事件的交互效果。
第一个代码块是为类名为’game_item’的元素添加鼠标悬停事件。当鼠标悬停在这个元素上时,如果这个元素已经包含了类名’game_item_active’,则不会有任何交互行为。如果没有包含这个类名,那么就会为这个元素添加类名’game_item_active’,并移除其兄弟元素上的’game_item_active’类名。这样可以实现一个轮播图的效果,当用户将鼠标移动到不同的元素上时,会显示对应的内容。
第二个代码块是为类名为’bubbly-button’的元素添加鼠标悬停和鼠标离开事件。当鼠标悬停在这个元素上时,如果这个元素包含了类名’animate’,则会为这个元素添加类名’animate’。当鼠标离开这个元素时,会移除这个元素上的’animate’类名。这样可以实现一个有动画效果的按钮,当用户将鼠标移动到按钮上时,按钮会有动画效果;当用户将鼠标移开按钮时,按钮的动画效果会被取消。
这两个代码块一起使用,可以让网站具有更丰富的交互效果,提高用户体验。