javascript視窗內再跑出一個視窗要怎麼規劃?

javascript 視窗內的視窗秀圖

gituest 2013-01-11 14:30:30 ‧ 5905 瀏覽

分享至

像這個網站點選動物圖片背景會變霧
還會滑來一個視窗
http://www.dogsitter.it/it/cani/nomi/m/momo.html看完讓她滑走

這種方法原理是什麼呢?
是設一個iframe 把他划進划出嗎?

用window.open 好像都會被擋掉
這種方法倒是比較沒問題

要再視窗內再出現一個視窗秀照片
有哪些方法呢?
只有iframe 還是有別的編排法?!

wordsmith iT邦高手 1 級 ‧ 2013-01-14 10:35:57 檢舉

如果div就可以解決的事，何必用iframe呢?

scroll bar是不是還要另外處理?

scroll bar只要用css就可以產生，例如你使用一個 250px x 100px的div，css只要有設定
{overflow-y:scroll}

這樣就會出現捲軸，而高度超過100px，就會自動出現可拉動的狀態。寬度也同樣可以用css來處理。

yiying iT邦新手 1 級 ‧ 2013-03-19 10:51:44 檢舉

http://fancybox.net/
http://www.jacklmoore.com/colorbox/

都可做到類似效果

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

3 個回答

la6972

iT邦好手 1 級 ‧ 2013-01-11 15:36:52

它的語法：
<a href="javascript:showImage('/it/images/community/201103/thd-1301505366740.jpg', 800, 640)" title="Momo: Il mio shih-tzu (clicca per ingrandire)"><img class="picture" src="/it/images/community/201103/small_1301505366740.jpg"></a>

回應
分享
檢舉

登入發表回應

葉承宇 (丁丁) Dean Yeh

iT邦大師 4 級 ‧ 2013-01-11 15:57:23

這種 AJAX 技術, 我們通稱 ModalPopup
是將 iFrame 用 JS 搭配 CSS 包成一個看起來像視窗的介面
https://www.google.com/search?q=ModalPopup

回應
分享
檢舉

登入發表回應

賽門甜不辣

iT邦研究生 2 級 ‧ 2013-01-12 22:33:02

lightbox
http://www.qianduan.net/top-10-jquery-lightbox-scripts.html
以上範例概念都相同，只差別在那個box視窗用哪一種顯示方式出來

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22189 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙