1药网

药网

药网(yiyao.com)是一个专业的药品电商平台，致力于为广大消费者提供便捷、安全的药品购物体验。网站提供了丰富的药品种类，涵盖了中西药物、医疗器械、健康保健品等多个领域，满足了不同用户的需求。

响应式设计

为了适应不同设备屏幕尺寸，药网采用了响应式设计。当屏幕宽度小于1028px时，将.center_col类添加.gz_990类，并引入一个名为head_990.min.css的样式文件，以优化布局和显示效果。

<script>
var isWidescreen = screen.width >= 1028;
if (!isWidescreen) {
$(".center_col").addClass("gz_990");
$("<link href='//s.maiyaole.com/css/201306/head_990.min.css' rel='stylesheet' type='text/css' id='w990css' />").appendTo("head");
}
</script>

滑动通知展示

药网还使用了Swiper库实现了一个垂直方向的滑动通知展示功能。当用户滚动页面超过一定距离时，会自动播放通知内容。点击通知上的关闭按钮可以隐藏通知。

$(function () {
var topNoticesSwiper = new Swiper('.top-notices .swiper-container', {
direction: 'vertical',
loop: true,
autoplay: 3000,
autoplayDisableOnInteraction: false
});

$('.top-notices .top-notices-close').on('click', function () {
$(this).parents('.top-notices').hide();
});
});