오늘은 일부 사이트를 확인하고 있었지만 이전에 보지 못했던 새로운 CSS 또는 JS 트릭을 발견했습니다. 나는 그것이 어떻게 행해졌는지, 또는 그것에 대해 더 많이 배울 수있는 곳을 이해할 수 없었다. 여기 내가 효과를 본 사이트에 a link입니다. 상단의 '로그인'버튼을 클릭하면 이런 일이 발생합니다. 해당 코드를 작성하는 데 사용되는 언어는 무엇이며 어디에 대해 배울 수 있습니까?스크롤 요소와 소멸 요소
0
A
답변
2
그들은 이것을 구현하기 위해 간단한 jquery & css 함수를 사용했습니다.
이
$(document).ready(function(){
var toggleLogin = 1;
$(".toggleLogin").click(function() {
if (toggleLogin == 1) {
toggleLogin = 0;
$("#login").animate({ top: 0 });
$("#IconBenchUsername").focus();
} else {
toggleLogin = 1;
$("#login").animate({ top: -43 });
}
$("#invisLoginArea").slideToggle();
});
});
+0
나는 [지연된] 이벤트를 방지하기 위해 지연시 애니메이션을 실행합니다. [http://edackoverflow.com/questions/13490536/animate-queue-simulation-for-older-jquery -verions-drupal-conflict/13556380 # 13556380) –
0
당신은 자바 스크립트 또는 CSS3와 함께, 그것은 간단한 애니메이션 효과 있다고 할 수 그들의입니다. 그건 그렇고, CSS3는 내가 생각하기에는 훨씬 쉽습니다. 자세한 내용은 Google에서 애니메이션을 검색하고 변형 할 수 있습니다.
관련 문제
- 1. 요소와 .hide 요소
- 2. 선택 요소와 스크롤 막대 옵션은
- 3. 다른 요소와 관계없이 요소 배치
- 4. 요소 전에 요소와 내용을 제거하십시오.
- 5. Android 스크롤 뷰가 키 레이아웃 요소와 겹칩니다.
- 6. jQuery를 소멸/삭제 가능
- 7. JavaScript에서의 소멸 할당
- 8. Json.NET : 큰 따옴표로 소멸
- 9. 닷넷에서 폐기 및 소멸
- 10. Ruby 블록 인수를 동적으로 소멸
- 11. backbone.js에서 다음 요소와 이전 요소 얻기
- 12. jQuery UI 요소와 Dojo (Dijit) 양식 요소
- 13. JQuery - 같은 클래스의 다음 요소와 요소
- 14. 괄호 안의 요소와 괄호 사이의 요소 추출
- 15. 스크롤 요소 이동
- 16. 무한 스크롤 새 요소
- 17. DIV 요소 자동 스크롤
- 18. 요소와 클래스의 클래스를 다른 요소와 비교하십시오.
- 19. Dynamic let List Clojure에서의 소멸 :
- 20. 뮤텍스를 동적으로 할당하고 소멸 시키십니까?
- 21. 요소 커서 위치에 부착 - 스크롤
- 22. 스크롤 할 때 고정되는 요소
- 23. 특정 요소 w/jQuery로 스크롤
- 24. 스크롤 막대가 속한 요소 감지
- 25. 마우스 휠 스크롤 DIV 요소
- 26. 스크롤 대신 div에 배치하는 요소
- 27. 스크롤 할 때 고정 요소
- 28. 요소 안에 스크롤 막대 넣기
- 29. iOS5의 요소 기반 네이티브 스크롤
- 30. 부모 내부의 하위 요소 스크롤?
스크린 샷과 코드를 사용하면 해당 링크보다 훨씬 더 많은 정보를 얻을 수 있습니다. –
팁을 주셔서 감사합니다. – Marcus