jQuery始めました。7(ロールオーバすると注意事項を表示する)

ファイルアップロードの際に、ロールオーバすると注意事項を表示する。

<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />


<script type="text/javascript" src="/jquery/jquery.js"></script>

<title>jQueryテスト7</title>


</head>
<body>


<script type="text/javascript"><!--

$(function(){
	$(":file").mouseover(function(){
		$(this).after("<p>アップロードできるファイルは300kbまでです</p>")
	}).mouseout(function(){
		$("p").remove()
	})
})


//-->
</script>


写真：<input type="file">



</body>
</html>

サンプルは、こちら。

引用元：　ファイル選択フォームを選択する

この記事の筆者

管理者