这个网站包含了一些JavaScript代码,主要用于响应式设计。以下是这段代码的简单描述:
- 首先定义了一个名为
jquery-ripples
的类,设置了其位置、z-index等属性。
- 然后定义了一个名为
mainvisual
的元素,用于设置滚动条的高度和处理滚动事件。在这个元素中,使用了jQuery的选择器来选择需要添加滚动效果的元素(如#mainvisual li
或#mainvisual
)。
- 在
$(document).ready()
函数中,定义了一个变量hSize
,用于获取当前窗口的高度,并使用这个高度来设置mainvisual
元素的高度。
- 接下来定义了一个
window.resize()
函数,用于响应窗口大小变化时的事件。在这个函数中,再次定义一个变量hSize
,并使用它来设置mainvisual
元素的高度。
- 最后定义了一个
$(window).scroll()
函数,用于处理滚动事件。当滚动条的滚动距离超过600像素时,将header .btn_menu
的元素设置为不具有”sticky”类;否则,保持其原有状态。
这段代码的主要目的是实现一个响应式的设计,根据窗口大小的变化调整元素的显示高度。