캔버스 실험작들

* 파스텔 효과  http://sexybone.tistory.com/209 
* 초록 물방울 놀이  http://sexybone.tistory.com/216  


블로그에 시험삼아 a 태그에만 canvas를 적용해보았는데,
삽입된 이미지를 클릭하여 새창으로 뜨는경우, 즉 <a href="url" target="_blank"

이미지가 빵 뜬 상태로 parent 창에서 계속 거품이 부글부글...
캔버스가 멈추지 않는다..


그래서 생각해낸 방법!

a tag 중에 새창으로 뜨는 경우는 제외하고 canvas를 적용하기로 한다.

 
1. 구글에서 검색 : jquery attr selector 
2. 글 선택 : jquery 문법 확인 --> Attribute Equals Selector [name="value"] 

그렇게 해서 나온 스크립트
캔버스 스크립트에서 a를 지정하여 효과를 주었는데, 그부분을 아래와 같이 바꾼다.
$('a[target!=_blank]')'

! : not 의 뜻
간단한 정규식이면 해결되는 것을.. 
javascript는 정말 스토리를 잘 짜야한다.

숙제!! 
아래의 sns 버튼 (미투/페북/트윗) 누르면 새창 뜨면서 parent 창에서는 거품 부글부글 

[How to solve]
  
sns 버튼들의 정체가 몬지 소스를 살펴보자
 
posted by 알 수 없는 사용자