Question

我有...发现没有其他论坛我可以要求对此进行一些输入。我一直在为我的一个朋友编辑网页的CSS，他希望标题的文字在悬停时改变。问题是，我一直有一个绝对的地狱试图得到：徘徊为标题工作。我不确定我是否应该尝试将其翻录并重新编码，因为这是她发现的一个“主题”（这可能更令人头疼）或者如果有人可能知道如何获得要改变的文字。

她想要的是能够将鼠标悬停在她的头衔“Veoleth Dathgir”上，并将其更改为另一个词，但没有多少用它来嘲笑我所需要的结果。

我应该补充一点，我没有这方面的专业经验。我已经学会了几年的爱好。所以考虑到这是一种学习经历 - 我应该如何影响我需要添加的更改？我一直在搜索和搜索一两个小时，通过这里，谷歌，w3schools等，并... ...没有真正得到任何地方。

整个页面的代码here，以及这里的一些相关行：

    .title {
  font-family:'apple chancery',uppercase; /*title font*/
  font-size:30px;
  padding-top:90px;
  text-shadow:0 0 10px rgba(0,0,0,.3);
}

.subheader {
  margin-top:10px;
}

.header {
  width:550px;
  height:200px;
  -webkit-transition:ease-in-out .5s;
  -moz-transition:ease-in-out .5s;
  -o-transition:ease-in-out .5s;
  transition:ease-in-out .5s;
  text-align:center;
  letter-spacing:1px;
  color:#271717;
  border-bottom:solid #381F1F 20px;
  background-color:#423535;
  background-image:url();
  background-position:center;
  background-size:100% auto;
}

.header:hover {
  letter-spacing:3px;
  text-shadow:0 0 30px rgba(255,255,255,.6);
}

和

<div class="header">
<div class="title">Veoleth Dathgir</div>
<div class="subheader">Spurned Ghosts</div>
</div>

Answer 1

是的，你应该使用jQuery。将它添加到HTML中的body元素的底部，就在结束之前将jQuery添加到您的站点（如果您还没有使用它）...

var input= "123|ABC S|peter s@xyz.com!!234|George K|george.k@xyz.com"; 
var result = input.match(/[a-z]+/gi);
document.write(result);

然后我会在标题中添加一个ID，就像这样......

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

然后你的jQuery看起来像这样，你可以将它添加到你的HTML，在你身体标签的底部就像这样......

<div  id="thisTitle" class="title">Veoleth Dathgir</div>

工作示例：https://codepen.io/wade-labs/pen/QqNaMO，随意“导出”，该选项位于右下角。

使用：悬停以更改完整显示的文字？

1 个答案: