前端展示抽屉式广告的交互方法及系统

摘要

本发明公开了一种前端展示抽屉式广告的交互方法及系统，涉及网站前端交互领域。该方法包括：用户进入广告缩略图A时，获取用户当前选中的广告缩略图A、位于A右侧的广告缩略图B、A对应的广告大图C，同时执行：控制B向右移动，当A的右边界与广告容器的右边界之间的间距＝C的宽度时，控制B停止移动；将C显示，透明度设置为最大值，并逐渐减少至最小值；用户离开广告缩略图A时，获取A、B、C，同时执行：控制B向左移动，当A的左边界与广告容器的左边界之间的间距＝0时，控制B停止移动；逐渐增加C的透明度至最大值时，隐藏C。本发明能增加广告推广准确率，提升广告内容的友好性，增强用户体验，促进广告内容的传播。

主权项

一种前端展示抽屉式广告的交互方法，其特征在于，包括以下步骤：用户鼠标进入广告缩略图A时，获取用户当前选中的广告缩略图A、位于广告缩略图A右侧的广告缩略图B、广告缩略图A对应的广告大图C，然后同时执行：控制B向右移动，当A的右边界与广告容器的右边界之间的间距＝C的宽度时，控制B停止移动；将C设置为显示，将C的透明度设置为最大值，按照指定的执行时间间隔逐渐减少C的透明度，直至C的透明度为最小值；用户鼠标离开广告缩略图A时，获取用户之前选中的广告缩略图A、位于广告缩略图A右侧的广告缩略图B、广告缩略图A对应的广告大图C，然后同时执行：控制B向左移动，当A的左边界与广告容器的左边界之间的间距＝0时，控制B停止移动；按照指定的执行时间间隔逐渐增加C的透明度，直至C的透明度为最大值，当C的透明度为最大值时，将C设置为隐藏。