+ 아이콘을 클릭 한 다음 다른 div가 표시 될 때 사이트에 대한 Accordin을 만들고 있습니다. 나는 이것을 위해 jquery를 사용하고있다. CSS에서 다른 요소를 클릭 할 때 div를 열 수 있습니다.우리는 css에서 onclick 효과를 만들 수 있습니까? 호버?
0
A
답변
1
엄격하게 CSS에서는 불가능하지 않습니다. jQuery 사용 :
$("#idOfPlus").click(function() {
$("#myPlusDiv").show();
});
1
일반 CSS는 사용할 수 없습니다. 자바 스크립트 프레임 워크를 선택할 수 있습니다.
1
예 그것은 focus 의사 클래스 가능합니다 :
<html>
<head>
<style type="text/css">
#hidden { display: none; border: 2px solid green; cursor: default; }
a {text-decoration: none;} /* unvisited link */
a, div:visited { color: blue; }
a:focus #hidden { color: black; display: block; }
</style>
</head>
<body>
<a href="#">Click to show box
<div id="hidden">More information!<br/>Click outside to remove</div>
</a>
</body>
</html>
이 (좀) 당신이 당신의 상자가 링크에 따라서 클릭 이후로는 사용할 수 없습니다 원하는 것을해도. 그리고 상자 밖을 클릭하면 닫힙니다. 그래서 이것이 당신에게 문제가되지 않는 한, 나에게 역시 불가능한 것처럼 보일 것입니다. ...
(다른 누군가가 CSS를 사용하는 것보다 나을 것이없고 더 영리하게 생각할 수 없다면)
: 포커스 가상 클래스를 지원하는 다른 HTML 요소를 찾으면 내보기와 같이 <a>
요소를 사용하는 것보다 낫습니다.
0
아이콘을 자신을 가리키는 앵커 또는 아무것도 (href="#"
)로 설정 한 다음 :active
을 사용하여 클래스 변경을 트리거 할 수 있습니다. 그러나 유일한 클릭은 클릭하지 않는 즉시 비활성 상태로 돌아가므로 클래스를 보유 할 다른 규칙이 없다면 아코디언은 최대한 빨리 닫힙니다.
관련 문제
- 1. CSS에서 투명 효과를 부여하려면 어떻게해야합니까?
- 2. 우리는 어떻게 안드로이드에 XMLWriter를 만들 수 있습니까?
- 3. 우리는 PHP에서 끝없는 세션을 만들 수 있습니까?
- 4. 어떻게하면 onClick 이벤트에 루프를 만들 수 있습니까?
- 5. 클릭하면 텍스트 링크의 호버 불투명도 효과를 어떻게 변경할 수 있습니까?
- 6. 우리는 어떻게 SQL 이미지로 라이트 박스 갤러리를 만들 수 있습니까?
- 7. 요소에 호버 클래스를 추가하려면 어떻게해야합니까? 내 CSS에서
- 8. 않습니다 : CSS에서 이미지 요소에 대한 호버 작업
- 9. 이 호버 효과를 공유하지 않으려면 어떻게해야합니까?
- 10. 이미지 버튼에 호버 효과를 적용하는 방법은 무엇입니까?
- 11. CSS - 호버 효과를 위해 여러 클래스 사용
- 12. wxpython에서 StaticBitmap에 호버 효과를 만드는 방법은 무엇입니까?
- 13. 정적 배경 이미지에 호버 효과를 만드는 방법 ...?
- 14. jQuery를 사용하여 메뉴에 호버 효과를 추가하는 방법
- 15. 어떻게 안드로이드의 선형 레이아웃에서 그림자 효과를 만들 수 있습니까?
- 16. 우리는 어떻게 Tomcat과 Websphere 사이에서 절충안을 만들 수 있습니까?
- 17. 우리는 JSF include 태그와 같은 플렉스 템플릿을 만들 수 있습니까?
- 18. CSS에서 작동하는 꼬리말을 만들 수없는 이유는 무엇입니까?
- 19. 소유자 JFrame에서 호버 효과를 사용하지 않도록 JPopupMenu를 강제 설정 하시겠습니까?
- 20. CSS에서 HTML을 사용하여 호버 상태에 대한 태그 사용
- 21. 로드 후 호버 효과를 표시하는 Firefox가 표시되지 않습니다.
- 22. Adobe AIR CSS에서 @import를 사용할 수 있습니까?
- 23. CSS에서 상수를 정의 할 수 있습니까?
- 24. CSS에서 특정 줄의 스타일을 지정할 수 있습니까?
- 25. CSS에서 여러 링크 스타일을 사용할 수 있습니까?
- 26. CSS에서 오버플로를 대체 할 수 있습니까?
- 27. CSS에서 -ms-filters를 연결할 수 있습니까?
- 28. CSS에서 How * 태그를 사용할 수 있습니까?
- 29. href없이 앵커를 사용하면 그 효과를 얻습니다. 호버 효과?
- 30. 호버/마우스 오버 효과를 선택 상태로 유지하는 방법은 무엇입니까?
어떻게? 나는 클릭 효과에 대해 이야기하고 있습니다. –
'클릭 효과'란 무엇을 의미 할 수 있습니까? –