'JavaScript' 태그의 글 목록 (2 Page)

'JavaScript'에 해당되는 글 3건

2010.06.02 맥킨토쉬 OS 10 스타일 Dock menu 7

맥킨토쉬 OS 10 스타일 Dock menu 7

| TIP 2010. 6. 2. 11:24

Posted by S & S

<html>
<head>
    <title>http://www.blueb.co.kr/</title>

<script type="text/javascript" src="http://www.blueb.co.kr/SRC/javascript/js1/jquery.js"></script>
<script type="text/javascript" src="http://www.blueb.co.kr/SRC/javascript/js1/interface.js"></script>

<link href="http://www.blueb.co.kr/SRC/javascript/style.css" rel="stylesheet" type="text/css" />



</head>
<body>

<div class="dock" id="dock">
  <div class="dock-container">
      <a class="dock-item" href="http://www.blueb.co.kr"><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/home.png" alt="home" /><span>Home</span></a>
      <a class="dock-item" href="http://www.blueb.co.kr"><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/email.png" alt="contact" /><span>Contact</span></a>
      <a class="dock-item" href="http://www.blueb.co.kr"><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>
      <a class="dock-item" href="http://www.blueb.co.kr"><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/music.png" alt="music" /><span>Music</span></a>
      <a class="dock-item" href="http://www.blueb.co.kr"><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/video.png" alt="video" /><span>Video</span></a>
      <a class="dock-item" href="http://www.blueb.co.kr"><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/history.png" alt="history" /><span>History</span></a>
      <a class="dock-item" href="http://www.blueb.co.kr"><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/calendar.png" alt="calendar" /><span>Calendar</span></a>
      <a class="dock-item" href="http://www.blueb.co.kr"><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/rss.png" alt="rss" /><span>RSS</span></a>
      <a class="dock-item" href="http://www.blueb.co.kr"><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/rss.png" alt="rss" /><span>RSS</span></a>
      <a class="dock-item" href="http://www.blueb.co.kr"><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/rss2.png" alt="rss" /><span>RSS2</span></a>
  </div>
</div>


<div class="dock" id="dock2">
  <div class="dock-container2">
      <a class="dock-item2" href="#"><span>Home</span><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/home.png" alt="home" /></a>
      <a class="dock-item2" href="#"><span>Contact</span><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/email.png" alt="contact" /></a>
      <a class="dock-item2" href="#"><span>Portfolio</span><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/portfolio.png" alt="portfolio" /></a>
      <a class="dock-item2" href="#"><span>Music</span><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/music.png" alt="music" /></a>
      <a class="dock-item2" href="#"><span>Video</span><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/video.png" alt="video" /></a>
      <a class="dock-item2" href="#"><span>History</span><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/history.png" alt="history" /></a>
      <a class="dock-item2" href="#"><span>Calendar</span><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/calendar.png" alt="calendar" /></a>
      <a class="dock-item2" href="#"><span>Links</span><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/link.png" alt="links" /></a>
      <a class="dock-item2" href="#"><span>RSS</span><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/rss.png" alt="rss" /></a>
      <a class="dock-item2" href="#"><span>RSS2</span><img src="http://www.blueb.co.kr/SRC/javascript/image8/dock/rss2.png" alt="rss" /></a>
  </div>
</div>


<script type="text/javascript">

    $(document).ready(
        function()
        {
            $('#dock').Fisheye(
                {
                    maxWidth: 50,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container',
                    itemWidth: 40,
                    proximity: 90,
                    halign : 'center'
                }
            )
            $('#dock2').Fisheye(
                {
                    maxWidth: 60,
                    items: 'a',
                    itemsText: 'span',
                    container: '.dock-container2',
                    itemWidth: 40,
                    proximity: 80,
                    alignment : 'left',
                    valign: 'bottom',
                    halign : 'center'
                }
            )
        }
    );

</script>
</body>
</html>

저작자표시 비영리 동일조건

'TIP' 카테고리의 다른 글

日本P2P (0)	2010.06.09
Drag and Drop Tree (0)	2010.06.02
cmd (0)	2010.05.26
해외취업 (0)	2010.05.20
zz (0)	2010.05.20

And

| 1 | 2 | 3 |

일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

진화를 꿈꾸다..

Article Category

Notice

Recent Article

Recent Comment

Recent Trackback

'JavaScript'에 해당되는 글 3건

맥킨토쉬 OS 10 스타일 Dock menu 7

'TIP' 카테고리의 다른 글

Tag Cloud

Calendar

Archive

My Link

티스토리툴바