原文：點擊按鈕 彈出視頻 並有遮罩層效果
涉及到css以及JavaScript。 最終顯示效果：點擊紅色按鈕，會有視屏彈出 並帶有遮罩層 點擊黃色區域可以關閉視頻 並回到最初的狀態。 頁面主要代碼：main中主要包含一個a，控制顯示的按鈕。設置有id值。 以下代碼就是用來控制視頻的顯示效果，.video btn 包含了視頻顯示區域以及右邊黃色關閉按鈕 雖然黃色關閉按鈕有點丑 。 下面來看一下有關css 首先設置video btn區域。 然 ...
2015-12-18 19:44 0 6616 推薦指數：
相關推薦
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery彈出層效果</title> <meta content="網頁特效 ...
1.HTML代碼 點擊按鈕: 彈出視頻播放層: 2.CSS代碼 3.jQuery代碼 ...
使用jQuery插件HoverTreeShow彈出遮罩層顯示大圖效果體驗：http://hovertree.com/texiao/hovertreeshow/在開發HoverTreeTop項目的產品展示功能過程中，因為要把產品圖片的大圖顯示給用戶看，就使用jQuery制作了一個插件 ...
使用jQuery插件HoverTreeShow彈出遮罩層顯示大圖效果體驗：http://hovertree.com/texiao/hovertreeshow ...
彈出遮罩層后，手指在手機上上下滑動 遮罩層下的頁面出現滑動。下面代碼解決這個問題 （1）觸摸后不產生事件 （2）body不出現滾動條 $("body,.main").height($(window).height()).css({ "overflow-y ...