Google网站悬浮卡

Question

在一个谷歌网站上，我希望能够显示一个悬停卡与额外的信息(图片等)，如果用户移动他的鼠标在一个名称。

我已经找到了通过Java Script和CSS来实现这一点的方法，但是我无法在Google站点上使用这两种方法。

我怎样才能达到这个目标？

Answer 1

你可以集成你的脚本( javascript，css )在谷歌网站上的应用程序引擎。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

如果您只需要在Google站点上集成CSS，则需要在Google站点上的Html框中添加Css代码。

示例：

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