[問題] 彈出大圖片後超出頁面長寬如何修改??

看板Ajax作者celex (幹麼不早點睡了~~真是..)時間14年前 (2011/08/04 17:08)推噓2(2推 0噓 1→)

留言3則, 3人參與討論串1/1

在對岸看到一個java語法功能是能讓網頁中本來呈現的小圖滑鼠移動上去後,自動彈跳出大圖片而且大圖片可以隨滑鼠一起移動,超過左右邊頁寬時圖片自動換邊用來判斷位置的程式碼大概如以下： function widthJudge(e){ var marginRight = document.documentElement.clientWidth - e.pageX; var imageWidth = $("#bigimage").width()+22; if(marginRight < imageWidth) { x = imageWidth; $("#bigimage").css({top:(e.pageY - y ) + 'px',left:(e.pageX - x ) + 'px'}); }else{ x = 22; $("#bigimage").css({top:(e.pageY - y ) + 'px',left:(e.pageX + x ) + 'px'}); }; } 想請問,當跳出的大圖片超過上下的頁高時有沒有辦法修改這段程式讓他一樣能自動跳換位置呢? 讓圖片能保持在頁面中而不會跑出滾動滑桿.... 如果有程式碼不詳盡的地方請告訴小弟~~~ 我再找出來補上~~~ 順便附上原始網頁的範例 http://0rz.tw/0BBbI -- ：：： '● ︰︰．：： . 先別打過來啊~~ ．：：：（﹀︰︰．： ‧： ﹨●∕ 我還沒貼完呢?! ︰：～﹌ ‧．．︰：：︱ ˊ ：：：： ‧ ●' ．‧：：‧ ∕﹥ ‧ ：‧ ． ╰）．：． ∕﹨ ：： ′〉： ∕￣﹨ -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.40.151.206 ※ 編輯: celex 來自: 114.40.151.206 (08/04 17:11) ※ 編輯: celex 來自: 114.40.151.206 (08/04 17:14)