リプタクのもう覚えられません
Google
Web サイト内
topmemo ▶ 横幅縦幅

JavaScript

横幅縦幅

横幅を変更するサンプル

サンプル







<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>横幅</title>

<script type="text/javascript">
// <![CDATA[
var boxWidth = 0;
window.onload = function(){
	setInterval("funcMakeBox()",0.01*1000);
}
function funcMakeBox(){
	if(boxWidth >= 800){
		boxWidth = 0;
	}else{
		boxWidth = boxWidth + 10;
	}
	//横幅を変更(縦幅はheight)
	document.getElementById("idBox").style.width = boxWidth + "px";
}
// ]]>
</script>

<style type="text/css">
<!--
#idBox {
	background-color: #00CCFF;
	display: block;
	width: 0px;
	height: 50px;
}
-->
</style>
</head>

<body>
<div id="idBox"></div>
</body>

</html>










last update 2010.12.20
参考・出典等
「特に無し」

▲page top

topmemogalleryblogtestaboutlinksmail
Copylight(C)2008-2010 Riptac. All Rights Reserved.