Наведите указатель мыши на источник HTML

На странице SharePoint у меня есть это:

SPСайт

Я хочу, чтобы мышь менялась, когда мышь проходит через «Ульм», «Оберкохен» и т. Д.

Когда я редактирую веб-часть и нажимаю «Редактировать источник», появляется следующее:

<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>

Мне не удалось ничего найти в Интернете, но кто-нибудь знает, что мне нужно написать в исходном коде, чтобы мышь менялась всякий раз, когда она наводится на «Ульм» и т. д.?


html sharepoint web-parts mouseover
person Ramanujan Taylor    schedule 14.01.2020    source источник
comment
Добавьте .dd13:hover { cursor: pointer; } в раздел <style>. Это делает то, что вы хотите?   -  person EGC    schedule 15.01.2020
comment
Ваш вопрос касался смены мышки. Если у вас возникли проблемы с переходом на страницу, значит что-то не так в функции onClick и переданном URL-адресе.   -  person EGC    schedule 15.01.2020
comment
@EGC Извините, вы совершенно правы. Оно работает! Большое спасибо, чувак   -  person Ramanujan Taylor    schedule 15.01.2020

Ответы (1)


arrow_upward
1
arrow_downward

Используйте этот код 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< /а>

person Hiren    schedule 15.01.2020