vue实现悬浮广告飘窗组件

李泽举

已于 2023-08-20 16:01:14 修改

阅读量3.2k

点赞数 4

分类专栏：前端踩坑合集文章标签： elementui 前端 vue javascript

于 2021-04-01 19:39:20 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45895806/article/details/115382275

版权

<template>
  <!--悬浮小广告样式的提示信息-->
  <div
    id="thediv"
    ref="thediv"
    style="position: absolute; z-index: 111; left: 0; top: 0"
    v-show="thedivShow"
    @mouseover="clearFdAd"
    @mouseout="starFdAd"
  >
    <div
      style="
        cursor: pointer;
        text-align: right;
        font-size: 12px;
        color: #999999;
      "
      @click="thedivShow = false"
    >
      关闭
    </div>
    <a
      href="http://xxxxxx" target="_blank""
    ><img src="../../assets/images/tips.png" width="320" border="0" /></a>
  </div>
</template>

<script>
var interval;
export default {
   
  data() {
   
    return {
   
      xPos: