使用 HTML 源代码更改鼠标悬停答案

【问题标题】：Change mouse over with HTML source使用 HTML 源代码更改鼠标悬停
【发布时间】：2020-05-01 16:55:47
【问题描述】：

在 SharePoint 页面上我有这个：

当鼠标经过“Ulm”、“Oberkochen”等时，我希望鼠标发生变化。

当我编辑 webpart 并单击 Edit Source 时，会显示以下内容：

<style>


.dd13 { 
 color: #FFFFFF;
 Font: 12px Arial
 background-color:: #48A040;
 Padding: 3px 3px 3px 3px;


}

</style><script>
function openLink(url) {


  window.open(url);
}


</script> 
<table class="dd13"> 
   <tbody>
      <tr> 
         <td onclick="openLink(&#39;mysite.aspx?locations=Ulm&#39;);" class="dd13" style="background-color: #48a040;">Ulm</td>
         <td style="background-color: #ffffff;">&#160;</td> 
         <td onclick="openLink(&#39;mysite.aspx?locations=Oberkochen&#39;);" class="dd13" style="background-color: #48a040;">Oberkochen</td>
         <td style="background-color: #ffffff;">&#160;</td> 
         <td onclick="openLink(&#39;mysite.aspx?locations=Taufkirchen&#39;);" class="dd13" style="background-color: #48a040;">Taufkirchen</td>
         <td style="background-color: #ffffff;">&#160;</td> 
         <td onclick="openLink(&#39;mysite.aspx?locations=Wetzlar&#39;);" class="dd13" style="background-color: #48a040;">Wetzlar</td>
         <td style="background-color: #ffffff;">&#160;</td> 
         <td onclick="openLink(&#39;mysite.aspx?locations=Friedrichshafen&#39;);" class="dd13" style="background-color: #48a040;">Friedrichshafen</td>
         <td style="background-color: #ffffff;">&#160;</td> 
         <td onclick="openLink(&#39;mysite.aspx?locations=Kiel&#39;);" class="dd13" style="background-color: #48a040;">Kiel</td>
         <td style="background-color: #ffffff;">&#160;</td> 
         <td onclick="openLink(&#39;mysite.aspx?locations=%25C3%25B6&#39;);" class="dd13" style="background-color: #48a040;">Köln</td>
      </tr> 
   </tbody>
</table> 
<p> 
   <br/>To register yourself to a seminar please click on this icon 
   <a title="Book for me" class="book-for-me-button"></a>. To register someone else to a seminar, please click on this icon 
   <a title="Book for me" class="book-for-user-button"></a>.<br/></p>

我无法在 Internet 上找到任何内容，但有人知道我必须在源代码中写什么才能让鼠标在鼠标悬停在“Ulm”等上方时发生变化吗？

【问题讨论】：

将.dd13:hover { cursor: pointer; } 添加到<style> 部分。这符合你的要求吗？
您的问题是关于更换鼠标。如果您在导航到页面时遇到问题，则onClick 函数和正在传递的 url 中存在错误
@EGC 对不起，你完全正确。有用！非常感谢人

标签： html sharepoint mouseover web-parts

【解决方案1】：

使用此 CSS 代码更改鼠标悬停效果根据您的代码，您可以在两种情况下编写风格。

table class="dd13" & td class="dd13" both are same.    

<style>

table.dd13:hover {cursor: pointer;}

/*OR*/

td.dd13:hover {cursor: pointer;}

</style>

[链接不同的光标]：https://www.w3schools.com/cssref/pr_class_cursor.asp

【讨论】：