html5 響應式背景圖

時間 2019-11-05

標籤 html5 html 響應背景欄目 HTML5 简体版

原文原文鏈接

<!DOCTYPE html> 
<html> 
	<head> 
	<meta charset="gb2312">
	<title></title> 
	<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1" >
	
	<link rel="stylesheet" href="css/jquery.mobile-1.0.min.css" /> 	
	<script src="js/jquery-1.6.4.min.js"></script>
	<script src="js/jquery.mobile-1.0.min.js"></script>


<script>
function changepage() {
    window.location.href = "jhome.html";
}
$('#yindao').live("pagecreate", function() {
	 //$("#div3").hide().fadeIn(3000);
	  //$("#div3").fadeOut(3000); 
    var id = setInterval("changepage()", 3000);
})
</script>

<script>
$(document).ready(function(){
 
  
    var div3_html = '<img src="./images/welcome.png" style="width:100%; height: '+document.documentElement.clientHeight+'px;">';
	$("#div3").html(div3_html);
  
});
</script>

</head>

<body>
<div data-role="page" id="yindao">

<div id="div3" align="center" >

</div>
</div>
 <div data-rol="page" id="">
</body>
</html>

相關標籤/搜索