AmazeUI點(diǎn)擊元素顯示全屏的實(shí)現
時(shí)間:2026-05-05 05:22:45這篇文??章主要介紹了AmazeUI 點(diǎn)擊元素顯示全屏的擊元實(shí)現,文中通過(guò)示例代碼介紹的非常詳細,??對大家的素顯示全實(shí)現學(xué)習或者工作具有一定的參考學(xué)習價(jià)值,需要??的擊元朋友們下面隨著(zhù)小編來(lái)一起學(xué)習學(xué)習吧
無(wú)論是點(diǎn)擊圖片還是按鈕來(lái)顯示全屏,具體代碼如下(xia):
點(diǎn)擊按鈕(?Д?):
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title></title>
<scrip??t type='text/javascript' src='js/jquery.min.js'></script??>
<script type='text/javascript' src="js/amazeui.legacy.js"></script>
<script type='text/javascript' src='js/amazeui.js'></script>
<script type="text/javascript" src='js/amazeui.widgets.helper.js'></script>
<script type="text/javascript"(◎_◎;) src="js/app.js"></script>
<script type="text/j??avascript" src="js/handlebars.min.js"></script>
<script type='text/javascript' src='js/polyfill/reヽ(′▽?zhuān)?ノm??.min.js'>???;</script>
<script type(′▽?zhuān)?="textヾ(^-^)ノ/javascript" src='js/polyfill/respond.min.js'></script>ヽ(′ー`)ノ;
<link rel='stylesheet' href='css/┐(′д`)┌amazeui.(′ω`)css' />
<link rel="stylesheet" href='css/bootstrap.css' />
<(′?_?`);link rel="stylesh┐(′д`)┌eet" href="css/admin.css" />
<link rel='stylesheet' href="css/amazeui.flat.css" />
<link rel="stylesheet" hr(?Д?)ef='css/app.css' />
<script type="text/javascript"ヽ(′ー`)ノ>
$(function(){ヽ(′▽?zhuān)?ノ
$('#demo-full-page').on('click',素顯示全實(shí)現function(┐(′?`)┌){
if($.AMUI.fullscreen.??enabled){
$.AMUI.fulls??creen.request();
}else{
//Ignore or do something else
}
})
});
</script>
</head&g??t;
<body>
<button id="demo-full-page" class='am-btn am-btn-primary'>Fullscreen the page</button>
&??lt;/body>
</html>
類(lèi)似可以用于任何元素,也能達到這種效果。擊元
Amaze??UI卻是素顯示全實(shí)現用起來(lái)挺方便快捷的。
到此這篇關(guān)于A(yíng)mazeUI 點(diǎn)擊元素顯示全屏的擊元實(shí)現的文章就介紹(°ロ°) !到這了,更多相關(guān)AmazeUI 點(diǎn)擊??元素顯示全屏內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!素顯示全實(shí)現
擊元來(lái)源??:腳本之家
擊元鏈接:https://www.jb51.net/html5/742243.???html
擊元客服電話(huà)18158351738
Copyright ? 2012-2018 天津九安特機電工程有限公司 版權所有 備案號:
客服電話(huà)14982361834