<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
<script>
$(function(){
$("span.tooltip").css({
opacity:"0.9",
position:"absolute",
display:"none"
});
$("a").mouseover(function(){
$("span.tooltip").fadeIn();
}).mouseout(function(){
$("span.tooltip").fadeOut();
}).mousemove(function(e){
$("span.tooltip").css({
"top":e.pageY+10+"px",
"left":e.pageX+10+"px"
});
});
});
</script>
<a href="http://ascii.jp/elem/000/000/438/438206/">tooltip sample</a> <span class="tooltip">툴팁 내용<br /><strong>
주황색으로 된 부분이 툴팁 나오게 하는 부분이고요.
검정색 박스가 팁이에요.
e라는 부분이 툴팁을 자동으로 이동시키는 부분이에요.
마우스 오버 이벤트에서 마우스에 좌표를 가져와요.
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6930 |
SOFTA
|
11년 전 | 5974 | |
| 6929 |
 LaRuota |
11년 전 | 1584 | |
| 6928 | 11년 전 | 1739 | ||
| 6927 | 11년 전 | 1760 | ||
| 6926 | 11년 전 | 1863 | ||
| 6925 | 11년 전 | 2265 | ||
| 6924 | 11년 전 | 3859 | ||
| 6923 | 11년 전 | 2256 | ||
| 6922 |
level999
|
11년 전 | 1020 | |
| 6921 | 11년 전 | 803 | ||
| 6920 | 11년 전 | 942 | ||
| 6919 | 11년 전 | 1045 | ||
| 6918 | 11년 전 | 1306 | ||
| 6917 | 11년 전 | 15424 | ||
| 6916 | 11년 전 | 1421 | ||
| 6915 | 11년 전 | 565 | ||
| 6914 | 11년 전 | 597 | ||
| 6913 | 11년 전 | 868 | ||
| 6912 | 11년 전 | 3125 | ||
| 6911 |
사랑해요79
|
11년 전 | 954 | |
| 6910 | 11년 전 | 735 | ||
| 6909 | 11년 전 | 774 | ||
| 6908 | 11년 전 | 632 | ||
| 6907 | 11년 전 | 825 | ||
| 6906 | 11년 전 | 1579 | ||
| 6905 | 11년 전 | 555 | ||
| 6904 | 11년 전 | 990 | ||
| 6903 | 11년 전 | 1660 | ||
| 6902 |
2donggalbi
|
11년 전 | 503 | |
| 6901 | 11년 전 | 1378 | ||
| 6900 | 11년 전 | 705 | ||
| 6899 | 11년 전 | 852 | ||
| 6898 |
열라뽕똬이
|
11년 전 | 1301 | |
| 6897 |
this1mg
|
11년 전 | 1588 | |
| 6896 |
sbdossb
|
11년 전 | 563 | |
| 6895 |
봉보로봉봉
|
11년 전 | 1140 | |
| 6894 |
똘똘이스머츠
|
11년 전 | 486 | |
| 6893 |
네이비컬러
|
11년 전 | 3637 | |
| 6892 | 11년 전 | 1062 | ||
| 6891 |
네이비컬러
|
11년 전 | 1306 | |
| 6890 | 11년 전 | 1127 | ||
| 6889 | 11년 전 | 577 | ||
| 6888 | 11년 전 | 709 | ||
| 6887 | 11년 전 | 601 | ||
| 6886 | 11년 전 | 5046 | ||
| 6885 | 11년 전 | 541 | ||
| 6884 |
asfasdfd235
|
11년 전 | 560 | |
| 6883 | 11년 전 | 3019 | ||
| 6882 | 11년 전 | 874 | ||
| 6881 | 11년 전 | 4410 | ||
| 6880 | 11년 전 | 1795 | ||
| 6879 |
퍼블리셔지노군
|
11년 전 | 2602 | |
| 6878 | 11년 전 | 537 | ||
| 6877 | 11년 전 | 555 | ||
| 6876 | 11년 전 | 1434 | ||
| 6875 | 11년 전 | 621 | ||
| 6874 | 11년 전 | 1593 | ||
| 6873 | 11년 전 | 1584 | ||
| 6872 | 11년 전 | 4445 | ||
| 6871 |
Abilityarch
|
11년 전 | 949 | |
| 6870 | 11년 전 | 2114 | ||
| 6869 | 11년 전 | 1394 | ||
| 6868 | 11년 전 | 1429 | ||
| 6867 | 11년 전 | 1513 | ||
| 6866 | 11년 전 | 735 | ||
| 6865 | 11년 전 | 1608 | ||
| 6864 | 11년 전 | 453 | ||
| 6863 | 11년 전 | 3739 | ||
| 6862 | 11년 전 | 1839 | ||
| 6861 | 11년 전 | 1639 | ||
| 6860 | 11년 전 | 1275 | ||
| 6859 |
cityman
|
11년 전 | 6800 | |
| 6858 | 11년 전 | 1247 | ||
| 6857 |
의정부아줌마
|
11년 전 | 850 | |
| 6856 | 11년 전 | 2359 | ||
| 6855 | 11년 전 | 1687 | ||
| 6854 | 11년 전 | 812 | ||
| 6853 | 11년 전 | 1200 | ||
| 6852 | 11년 전 | 2587 | ||
| 6851 | 11년 전 | 1948 | ||
| 6850 | 11년 전 | 1777 | ||
| 6849 | 11년 전 | 2070 | ||
| 6848 | 11년 전 | 2341 | ||
| 6847 | 11년 전 | 3122 | ||
| 6846 | 11년 전 | 2697 | ||
| 6845 | 11년 전 | 2792 | ||
| 6844 | 11년 전 | 3502 | ||
| 6843 | 11년 전 | 3256 | ||
| 6842 |
아트291
|
11년 전 | 682 | |
| 6841 | 11년 전 | 4163 | ||
| 6840 | 11년 전 | 5165 | ||
| 6839 | 11년 전 | 881 | ||
| 6838 |
 iwebstory |
11년 전 | 2090 | |
| 6837 | 11년 전 | 1265 | ||
| 6836 |
netdf
|
11년 전 | 604 | |
| 6835 |
 Terrorboy |
11년 전 | 998 | |
| 6834 | 11년 전 | 661 | ||
| 6833 |
LaRuota |
11년 전 | 2668 | |
| 6832 |
울산굿모닝
|
11년 전 | 1648 | |
| 6831 |
Terrorboy |
11년 전 | 658 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기