惠州众百汇电子科技有限公司

惠州众百汇电子科技有限公司

惠州众百汇电子科技有限公司是一家专注于电子产品研发、生产和销售的公司。他们的网站采用了响应式设计，以适应不同设备的屏幕尺寸。在网站的前端部分，他们使用了jQuery库来实现一些交互效果，如异步滑块(Async Slider)和用户滚动查看的项目(Scrolled by user interaction)。

异步滑块

异步滑块是一个用于展示图片或内容的滑动容器。在这个例子中，使用asyncSlider插件实现异步滑块功能。当用户点击或使用键盘左右箭头键进行导航时，滑块将平滑地切换到相应的图片或内容。此外，还设置了动画效果(easing: ‘easeInOutExpo’)、最小切换时间(minTime: 600)、最大切换时间(maxTime: 1500)、自动切换间隔(autoswitch: 4800)、是否显示左右导航按钮(centerPrevNextNav: false)以及是否显示幻灯片导航按钮(slidesNav: false)。

用户滚动查看项目

通过carouFredSel插件，用户可以通过点击或手动滚动来查看不同的项目。这里设置了前一个项目按钮的引用位置(prev: ‘#cr-prev’),后一个项目按钮的引用位置(next: ‘#cr-next’),以及是否自动播放(auto: false)。此外，还提供了一个选项参数(option),用于控制是否显示下一个项目按钮(true/false)。

// 为异步滑块设置宽度为视窗宽度
var window_width = jQuery(window).width();
var actual_left = w;