Javascript
addClass시점에 이벤트 발생하게 하기
$(this).addClass('someClass'); $(mySelector).trigger('cssClassChanged') .... $(otherSelector).bind('cssClassChanged', data, function(){ do stuff }); 그러나 그렇지 않으면 아닙니다. 수업이 바뀔 때 이벤트를 시작하는 구운 방법은 없습니다. change()초점이 입력이 변경된 입력을 떠난 후에 만 발생합니다. $(function() { var button = $('.clickme') , box = $('.box') ; button.on('click', function() { box.removeClass('box'); $(document).trigger('buttonClick'); }); ..
[JavaScript] HTML기본 지원TTS (컴퓨터가 글자 읽기)
var voices = []; function setVoiceList() { voices = window.speechSynthesis.getVoices(); } setVoiceList(); if (window.speechSynthesis.onvoiceschanged !== undefined) { window.speechSynthesis.onvoiceschanged = setVoiceList; } function speech(txt) { if (!window.speechSynthesis) { alert("음성 재생을 지원하지 않는 브라우저입니다. 크롬, 파이어폭스 등의 최신 브라우저를 이용하세요"); return; } var lang = 'ko-KR'; var utterThis = new SpeechSyn..
종이 폭죽, 꽃가루 효과 js 사이트 모음
kmkblog.tistory.com/292?category=1065511 티스토리 배경 애니메이션 효과 꽃가루 효과 적용하기~! 티스토리는 html소스와 script 코드까지 자유롭게 수정할 수 있기 때문에 간단한 액션을 추가할 수도 있습니다. 그래서 최근에는 공감 버튼을 눌렀을 때 특정한 리액션을 줘보고 싶어서 따뽕~! 이 kmkblog.tistory.com m.blog.naver.com/PostView.nhn?blogId=tokyomari&logNo=221018040156&proxyReferer=https:%2F%2Fwww.google.com%2F\ [제이쿼리] 사이트에 눈(꽃가루) 내리는 효과 오랜만에 사이트에 대한 포스팅을 하게 되네요. 먹고 사는 분야 기획만 하다보니 코딩이나 소스들에는 관심....
[JavaScript] 특정 링크의 파라미터 값 얻기 - 배열로 받는 법
👉페이지의 주소에서 파라미트 얻기 function get_query(){ var url = document.location.href; var qs = url.substring(url.indexOf('?') + 1).split('&'); for(var i = 0, result = {}; i
[자바스크립트] 제곱하기/루트하기 Math.pow()
정의 Math.pow는 특정 값을 몇 제곱 시켜주는 매서드이다. 사용법 Math.pow(특정 값,제곱값) 특정값^제곱값 사용예시 //양수 제곱 Math.pow(5, 2); //5의 2제곱 /값 : 25 //0.5 제곱 Math.pow(100, 0.5); //0.5제곱은 루트 /값 : 10 //음수 제곱 Math.pow(5, -2); // 음수 제곱은 분모와 분자가 바뀜 /값 : 1/25
[자바스크립트/제이쿼리] 변수와 문자열을 붙히는 방법 두가지
첫 번째 - 베이식 "변수"와 "문자열"을 붙일 때, +작성 이때, 변수는 다운 표를 사용하지 않고, 문자열은 따옴표로 감싸야한다. var date = new Date(); var date2 = Date(); var month = date.getMonth(); console.log("month" + month); //month7 위 스크립트에서 문자열 "month"과 변수 month를 콘솔에 출력하기 위해 +를 사용한 것을 볼 수 있다. 스크립트를 작성하다 보면, 정말 많은 변수를 만들게 된다. 플러스와 따옴표를 정말! 많이 써야 한다는 말이다. 개발자는 귀찮은 행동을 싫어한다. (정말!) 누군가 이 부분이 너무 불편하다고 스크립트 측에 연락을 한 걸까? 정말 좋은 방법도 생겼다고 한다. 두 번째 - 템..
자바스크립트를 통해 <html>,<head>,<body>에 접근하기
DOM 트리 상단의 노드들은 document가 제공하는 프로퍼티를 사용해 접근할 수 있다. DOM 트리 상단의 노드는 ,,를 뜻한다. = document.documentElement = document.body = document.head 출처 https://ko.javascript.info/dom-navigation#ref-123
Green Sock 플러그인 설치 방법
Green Sock에서는 다양한 플러그인을 제공한다. 오늘은 이 플러그인을 설치하는 방법에 대해 알아보자 1. 설치하려는 플러그인 JS는 jquery.js와 gsap.js의 하단에 호출한다. 2. gsap의 플러그인을 호출한다. gsap.registerPlugin(InertiaPlugin); 여러 개의 플러그인을 설치하는 경우에는 아래처럼 적는다. 이때, 마지막 플러그인에는 쉼표를 적지 않도록 주의한다. gsap.registerPlugin({ InertiaPlugin, 사용할 플러그인 }); 3. 설치 코드 하단에 플러그인에 알맞은 실행코드를 작성해준다.