vue修改自带的title属性样式，title属性样式修改办法

待我称王封你为后i 2022-03-12 05:11 2283阅读 0赞

1.定义id=‘title’ :data-title=“itemss.contactsCallTime2” 这个值

  1. <div  class="grid-content1 bg-purple-light"
  2.                 id="title" onmouseover="onMouseHover(event)" onmouseout="onMouseOut()" :data-title="itemss.contactsCallTime2"
  3.               >{
  4.    {itemss.contactsCallTime2 | filterFun}}</div>

2.定义οnmοuseοver=“onMouseHover(event)” οnmοuseοut=“onMouseOut()” 鼠标事件
鼠标经过时插入样式，鼠标离开时清除样式。

  1. onMouseHover(ev) {
  2.         document.styleSheets[0].insertRule('#title::before { left: '+ ev.pageX +'px }', 0);
  3.         document.styleSheets[0].insertRule('#title::after { left: '+ ev.pageX +'px }', 0);
  4.     },
  6.     onMouseOut() {
  7.         document.styleSheets[0].deleteRule(0);
  8.         document.styleSheets[0].deleteRule(0);
  9.     },

发表评论

表情：
评论列表 （有 0 条评论，2283人围观）

还没有评论，来说两句吧...

相关阅读