2012년 4월 21일 토요일
click, mouseover 등등에서 파라미터 넘기기
<script type="text/javascript">
<!--
$(document).ready(function(){
$("#test")click(function() {
.... 해당 코드
});
});
//-->
</script>
<img src=test.jpg id=test>
이때 이미지 클릭시 별도의 값을 클릭 이벤트에 넣고 싶을때
<script type="text/javascript">
<!--
$(document).ready(function(){
$("#test")click(function() {
$(this).attr('param');
.... 해당 코드
});
});
//-->
</script>
<img src=test.jpg id=test param=1>
2012년 4월 19일 목요일
날짜 및 시계
Epiclock
홈페이지 : http://code.google.com/p/epiclock/다운 로드 : http://code.google.com/p/epiclock/downloads/list
사용법 :
<link media="screen" rel="stylesheet" type="text/css" href="jquery.epiclock.css"/>
<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.dateformat.min.js"></script> <script type="text/javascript" src="jquery.epiclock.min.js"></script> <script type="text/javascript"> // The startup code jQuery(function () { jQuery('#clock').epiclock(); }); </script>
..중략
<div id="clock"></div>
JQuery 1.4.2 이상 사용해야 합니다.
CSS는 사용하지 않아도 되나
이런식의 시계를 원한다면 CSS를 사용해야 합니다.
시계/스톱워치/카운트다운 등등 사용가능하며
$('#clock').epiclock( {format: 'Y.m.j (a h:i)'} ); // 2012.04.01(am 18:40)
이런식으로 format을 지정해 줄수도 있습니다.
매뉴얼이 잘되어 있으니 더 자세한 내용은 제작자 홈페이지 참조
아쉬운점은 format 사이에 스페이스가 허용되지 않습니다.
피드 구독하기:
글 (Atom)