Google網站懸停卡

Question

在Google網站上如果用戶將鼠標移動到某個名稱上，我希望能夠顯示懸停卡片上的附加信息（圖片等）。

我已經找到了通過Java腳本和CSS實現這一目標的方法，但我無法使用任何一種方法爲Google協作平臺工作。

我該如何達到這個目的？

Answer 1

您可以將您的腳本（JavaScript，CSS）集成到帶有應用程序引擎的Google協作平臺上。 https://developers.google.com/appengine/?csw=1

您可以下載此應用程序，將您的腳本放在陰影中並與您的Google協作平臺進行通信。你需要安裝Python爲你的電腦

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

如果你只需要只在CSS你 需要在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>