jQuery 메시지
jQuery Message
jQuery Message 플러그인을 사용하면 오버레이에 피드백 메시지를 쉽게 표시할 수 있습니다. 메시지는 잠시 후 자동으로 사라지므로 "확인" 버튼 등을 클릭할 필요가 없습니다. 사용자는 마우스를 움직이거나 아무 곳이나 클릭하여 정보를 빠르게 숨길 수 있습니다.
이 플러그인의 현재 버전은 1.0.0입니다.
jQuery Message 공식 웹사이트를 방문하여 jQuery Message 플러그인을 다운로드하세요.
사용 방법
메시지 플러그인을 사용하려면 텍스트를 표시하려는 요소를 선택하고 해당 요소에 텍스트를 매개변수로 전달하세요.
$( 기능() {
$().message("Hello world!");
$(".feedback").message();}); 여러 가지가 있습니다 기본 옵션. 관심이 있으시면 아래에서 전체 예제 데모를 볼 수 있습니다.
시연 예시Instance
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery Message 插件</title>
<link rel="stylesheet" type="text/css" media="screen" href="http://jquery.bassistance.de/message/jquery.message.css" />
<script src="http://jquery.bassistance.de/message/lib/jquery-1.3.2.js" type="text/javascript"></script>
<script src="http://jquery.bassistance.de/message/jquery.message.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$().message("Hello world, on document ready!");
$("#demo").submit(function(e) {
e.preventDefault();
$().message($("#message").val());
})
});
</script>
<style type="text/css">
</style>
</head>
<body>
<h1 id="banner">jQuery Message 插件演示</h1>
<div id="main">
<form id="demo">
<input name="message" id="message" />
<input type="submit" value="显示消息" />
</form>
</div>
</body>
</html>
