Карточка наведения на сайт Google

#hover #google-sites

#наведите #google-сайты

Вопрос:

На сайте Google я хочу иметь возможность отображать карточку наведения с дополнительной информацией (изображением и т. Д.), Если пользователь наведет курсор мыши на имя.

Я нашел способы добиться этого с помощью Java Script и CSS, но я не могу заставить ни один из методов работать на сайтах Google.

Как я могу достичь этой цели?

Ответ №1:

Вы можете интегрировать свой скрипт (javascript, css) на сайтах Google с App Engine. https://developers.google.com/appengine/?csw=1

Вы можете загрузить это приложение, поместить свой скрипт в cloub и общаться со своими сайтами Google. Вам необходимо установить python на свой компьютер

http://obtiva.com/blog/50-deploying-a-javascript-application-to-google-appengine-in-30-minutes

Если вам нужно просто интегрировать только CSS на свои сайты Google, вам нужно добавить код Css в поле Html на ваших сайтах Google.

Пример :

 <object>

<style type="text/css">

 .roll
{
font-family: arial, helvetica, sans-serif;
margin: 0;
padding: 10;
}

.roll a
{
padding: 10;
display: block;
color: #000000;
font-size: 18px;
width: 150px;
height: 18px;
display: block;
text-decoration: none;
}

a:hover
{
background-color: #ccc;
color: #eee;
}

.roll
{
cursor: pointer;
}

</style>
<div class="roll"><br>
<a href="#">Rollover Texte 01</a><br>
<a href="#">Rollover Texte 02</a>
</div>
</object>