홈페이지 잘만드시는분.....질문이요..

혼자독학으로 홈페이지 만들고있는데요

기초적인것밖에 못하는 완전초보입니다.

아래 소스를 보면 제이쿼리 방법으로 한거같은데..

저것은 어디에적용을 시켜야 활성화시킬수있나요?

---------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>환영합니다.</title>
<link rel="stylesheet" href="/include/css/base.css" type="text/css">
<script src="/include/js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="/include/js/jquery.marquee.js" type="text/javascript"></script>
<script src="/include/js/common.js" type="text/javascript"></script>
<script src="/include/js/link.js" type="text/javascript"></script>
</head>

<body oncontextmenu="return false" onselectstart="return false" onselect="false" >
<script type="text/javascript">
// 공지사항 흐르는 Jquery
    $(function () {
        $('div.topNotice marquee').marquee('pointer').mouseover(function () {
            $(this).trigger('stop');
        }).mouseout(function () {
            $(this).trigger('start');
        }).mousemove(function (event) {
            if ($(this).data('drag') == true) {
                this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
            }
        }).mousedown(function (event) {
            $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
        }).mouseup(function () {
            $(this).data('drag', false);
        });

        $("#btnNoticeCookie").css('cursor','pointer').click(function(){
            $("#popup_layer").css('display','none');
            $("#popup_contents").css('display','none');
         });
    });

function goBoard(idx){
location.reload('/BoardCustomerV/idx/'+idx);
}

</script>