반응형
반응형

jQuery.parallax: Parallax scrolling with jQuery

 

 

중첩된 이미지 레이어 스크롤 구현~

jQuery.Parallax turns nodes into absolutely positioned layers that move in response to the user’s mouse. Layers move at different rates depending on their dimensions.

parallax

jquery.parallax

What does jquery.parallax do?

jquery.parallax turns nodes into absolutely positioned layers that move in response to the mouse. Depending on their dimensions, and on the options passed in, these layers move at different rates, in a parallaxy kind of way.

Demos and docs

stephband.info/jparallax/

 

 

 

 

 

 

 

 

 

 

 

.

반응형
반응형
jquerymy.js: A lightweight plugin for complex two-way data binding in real time

 

인터렉티브한 데이터 운영에 맞는 jQuery Plugin.

 

jQuery.my is a plugin that bind form controls with js data structures.

 

jquerymy.js is a lightweight jQuery plugin for real-time, complex two-way data binding. It reflects interactions between user and UI by mutating object given as data source.

 

 

jQuery.my interactive pluginjquerymy.js ‹{}› A lightweight jQuery plugin for complex two-way data binding in real time. http://jquerymy.com/

 

 

 

 

.

반응형
반응형

jQueryConfig: Optimize the size of jQuery

 

jQueryConfig lets you optimize your jQuery installation by only using the parts you need. It can save up to 35% of the overall size.

jqeuryconfig

 

Homepage: http://www.jqueryconfig.com/

 

GitHub: https://github.com/mopelabs/jqueryconfig

 

 

 

 

풀버전은 jQuery 파일을 다운받아 쓸 필요없이 필요한 부분만 들어가있는 jQuery 라이브러리 파일을 다운받아 사용할 수 있는 기능 페이지.

 

 

http://www.jqueryconfig.com/ 화면에서 사용하기 싶은 jQuery 요소만 선택하고 메일 주소 입력하면 끝.

 

 

 

 

사용할 내용만 압축해서 메일로 보내준다. 아래는 메일 내용.

 

//--- 메일 내용 시작

Hello,

 

The attachment of this email contains the jQuery build "jquery-1.11.3-55.1.12.1" as you configured it on jqueryconfig.com.

 

In addition to the jQuery core, the modules you included are:

+ event

+ css

+ ajax

+ jsonp

+ ready

+ global

+ amd

+ deferred

+ script

 

 

If you want to build another jQuery configuration, just visit jqueryconfig.com again.

 

Please, test your jQuery build before using it.

 

Best Regards,

 

The jQueryConfig team

......

 

//--- 메일 내용 중략.

 

 

 

.

 

반응형
반응형

embed 소스 경로 교체하기

 

id가 audio_file 인 embed 태그가 있다. 소스를 변경하고 싶은데,  jQuery .attr() 로는 변경되지 않는다.

어떻게 할까?

 

<embed src="/resources/audio/_webbook_0001/embed_test.mp3" type="audio/mpeg" id="audio_file>

 

 

StackOverflow에서 찾았다.

 

해당 embed의 parent를 만든다. 부모를 만들어서 부모에 바인드 시키는 것이지.

그래서, 해당 embed를 지우고 다시 부모가 자식을 만들면 동일한 자리에 embed가 생성될 것이다.

 

var parent = $('embed#audio_file').parent();
var newElement = "<embed scr='new src' id='audio_file'>";

$
('embed#audio_file').remove();
parent
.append(newElement);

 

 

 

 

 

http://stackoverflow.com/questions/2493706/javascript-changing-src-attribute-of-a-embed-tag

 

 

반응형
반응형

Simple.Timer: A jQuery timer plugin

 

타이머

 

 

Simple.Timer is a jQuery countdown timer plugin. It’s easy to configure and you can customize the behavior upon the clock running out.

simpletimer

 

 

 

 

 

 

 

 

 

 

.

 

 

반응형
반응형

 

 

jQuery("[name='chk_det']").is(':checked');

 

 

 

 

if( jQuery("[name='chk_det']").is(':checked') == true ){

    // true

}

반응형

+ Recent posts