查看: 734|回复: 2

[JavaScript] 浮動圖片一問

该用户从未签到

2 主题	1 好友	4487 积分

序章

积分: 4487

发表于 2013-11-10 18:09:46 | 显示全部楼层 |阅读模式

╱人◕‿‿◕人╲定下契约

您需要登录才可以下载或查看，没有账号？╱人◕‿‿◕人╲订下契约（注册新用户）

x

請問 , 我想在同一行的句子中加入一張或以上的浮動圖片 (滑鼠放在某個字上會浮動出圖片 , 移開則消失)
請問該如何做 ?
我找了一個 JavaScript 的語法 , 但沒法在同一行的句子中加入二張或以上的圖片
我想在滑鼠停在 Google Drive 的字眼上時彈出 Google Drive 的 logo 圖
在滑鼠停在 skydrive 的字眼上時彈出 skydrive 的 logo 圖
在滑鼠停在 dropbox 的字眼上時彈出 dropbox 的 logo 圖

請賜教 Orz

<script language="JavaScript">
function BlueHint(v) {
  Blue.style.visibility = v ? 'visible' : 'hidden';
  Blue.style.left=document.body.scrollLeft+event.clientX;
  if (event.clientY < 100)
Blue.style.top=document.body.scrollTop+event.clientY+10;
  else
Blue.style.top=document.body.scrollTop+event.clientY-50;
}
</script>

<div id="Blue" style="position:absolute; visibility: hidden;">
<img src="http://upload.wikimedia.org/wikipedia/commons/9/9b/Logo_of_Google_Drive.png">
</div>
雲端硬碟<a>Google Drive</a>
的對手就是
<div id="Blue" style="position:absolute; visibility: hidden;">
<img src="http://upload.wikimedia.org/wikipedia/en/thumb/1/13/Skydrive_logo.svg/250px-Skydrive_logo.svg.png"></div>
<a> skydrive</a>
和
<div id="Blue" style="position:absolute; visibility: hidden;">
<img src="https://www.dropbox.com/static/images/header/header_logo.png">
</div><a>Dropbox</a>

签名被小宅喵吞掉了~~~~(>_<)~~~~

使用道具举报