这个网站包含了一些JavaScript代码,主要用于响应式设计。以下是这段代码的简单描述:

  1. 首先定义了一个名为jquery-ripples的类,设置了其位置、z-index等属性。
  2. 然后定义了一个名为mainvisual的元素,用于设置滚动条的高度和处理滚动事件。在这个元素中,使用了jQuery的选择器来选择需要添加滚动效果的元素(如#mainvisual li#mainvisual)。
  3. $(document).ready()函数中,定义了一个变量hSize,用于获取当前窗口的高度,并使用这个高度来设置mainvisual元素的高度。
  4. 接下来定义了一个window.resize()函数,用于响应窗口大小变化时的事件。在这个函数中,再次定义一个变量hSize,并使用它来设置mainvisual元素的高度。
  5. 最后定义了一个$(window).scroll()函数,用于处理滚动事件。当滚动条的滚动距离超过600像素时,将header .btn_menu的元素设置为不具有”sticky”类;否则,保持其原有状态。

这段代码的主要目的是实现一个响应式的设计,根据窗口大小的变化调整元素的显示高度。