喵宅苑 MewoGarden × 技术宅社区II | Z站 Z Station 棒棒哒纯文字二次元技术社区

正文

浮動圖片一問

作者:plm789
請問 , 我想在同一行的句子中加入一張或以上的浮動圖片 (滑鼠放在某個字上會浮動出圖片 , 移開則消失) 請問該如何做 ? 我找了一個 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>

回复

改過之後已經解決了

作者:plm789
原來是 id 的問題 , 改過之後已經解決了 , 感謝 <(_ _)>
查看回复

虽然想帮助你

作者:基叔
虽然想帮助你,但是你的代码格式和繁体看起来好乱.... 首先你三个的id都是blue 浏览器不能识别,你可以分别用不同的名字标注 在事件判断中 有个事件叫 mouseover 就是滑鼠在元素上时候触发的 另外你也可以考虑css 有个伪类叫 hover
查看回复
上一页
下一页
0%
站点地图友情链接:
喵宅苑
喵空间社区程序
喵宅苑 静态版
宅喵RPG地图编辑器
络合兔
Lanzainc
技术宅
小五四博客
莉可POI
Mithril.js
枫の主题社
Project1
午后少年
机智库
七濑胡桃
xiuno
幻想の日常
魂研社
Nothentai
0xffff
欲望之花
泽泽社长
淀粉月刊
HAYOU