無(wú)論是點(diǎn)擊圖片還是按鈕來(lái)顯示全屏，具體代碼如下：
點(diǎn)擊按鈕：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script 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/javascript" src="js/handlebars.min.js"></script>
<script type="text/javascript" src="js/polyfill/rem.min.js"></script>
<script type="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="stylesheet" href="css/admin.css" />
<link rel="stylesheet" href="css/amazeui.flat.css" />
<link rel="stylesheet" href="css/app.css" />
<script type="text/javascript">
$(function(){
$('#demo-full-page').on('click',function(){
if($.AMUI.fullscreen.enabled){
$.AMUI.fullscreen.request();
}else{
//Ignore or do something else
}
})
});
</script>
</head>
<body>
<button id="demo-full-page" class="am-btn am-btn-primary">Fullscreen the page</button>
</body>
</html>
類(lèi)似可以用于任何元素，也能達(dá)到這種效果。
AmazeUI卻是用起來(lái)挺方便快捷的。
到此這篇關(guān)于AmazeUI 點(diǎn)擊元素顯示全屏的實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)AmazeUI 點(diǎn)擊元素顯示全屏內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！
標(biāo)簽：西藏 新疆 棗莊 遼源 池州 漯河 永州 青島
巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《AmazeUI 點(diǎn)擊元素顯示全屏的實(shí)現(xiàn)》，本文關(guān)鍵詞 AmazeUI,點(diǎn)擊,元素,顯示,全屏,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
