본문 바로가기

컴터/jQuery

jQuery 와 prototype 과 같이 사용시..

336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.


<script src="/jquery.js"></script>
<style>
 .evt_img_css {position:absolute; top:0; left:0; cursor:pointer;}
</style>
<script>
jQuery.noConflict();
jQuery(document).ready(function(){ 
 evt_url = "http://www.cctoday.co.kr/event/event15.html"; ///링크주소
 evt_img_url = "http://it.cctoday.co.kr/2009/image/bike_evt.gif";///이미지경로

 jQuery(evt_img).attr("src",evt_img_url).addClass("evt_img_css").hover(function(){jQuery(this).css('opacity',0.7)}, function(){jQuery(this).css('opacity',1)}).bind("click",function(){location.href=evt_url;});
});
</script>
<img id='evt_img' />



jQuery.noConflict(); 상단에 기입, jQuery가 $의 사용권한 포기 
그러기 때문에 $를 같이 쓰지 않게 하기위해 jQuery로 치환한다.