이 링크를 확인하시기 바랍니다 (플래시에서) :Javascript 또는 DHTML로이 작업을 수행 할 수 있습니까?
http://www.kings-mall.co.uk/index.php?id=5
쇼핑몰의 레이아웃을 확인, 그것은 순식간에 끝났다. 이 자바 스크립트 또는 DHTML 할 수 있는지 궁금 해서요? 그러나 하단의 목록은 링크가 될 것입니다. 마우스가 'Fashion and Sports'와 같은 위치/카테고리에서 마우스를 가져 가면지도에서 많은 링크와 위치가 강조 표시됩니다.
그들은이 함수를 무엇이라고 부릅니까? 어쩌면 당신은 이미 이것과 비슷한 것을 보았을 것입니다, 여기에 게시 할 수 있습니까?
감사합니다.
예, JavaScript에 정통하거나 jQuery와 같은 라이브러리에 정통하다면 매우 쉽게 할 수 있습니다. 아래 링크에 추가 속성을 추가하고 CSS3 선택기를 사용하여 CSS3 선택기를 사용하여 모든 CSS 클래스를 추가하여 한 번에 강조 표시 할 수 있습니다.
플로어 맵도 마찬가지입니다.
지도 레이아웃 : HTML + CSS를 사용하여 설정할 수 있습니다. 그리고 링크와 유사하게이 레이아웃 상자는 이미지 스프라이트를 사용할 수 있으므로 변경 사항이 빠르며 Flash에서 실제로 경험 한 것과 매우 유사합니다. 그러나 그들 중 많은 수가 있기 때문에 컨테이너에 상대적으로 위치를 제안 할 것입니다. 또한 HTML 코드에서 1에서 X까지 크기를 정하고 CSS를 사용하여 크기를 조정하고 위치를 지정할 수 있습니다.
예, 이전에 그런 문제가 발생하지 않았지만 JavaScript로이를 수행 할 수 있습니다.
ps. 'DHTML'이라는 용어 사용을 중단하고 SO에 오신 것을 환영합니다.
DHTML의 문제점에 대해 궁금한가요? 그 내용에 전념하는 인기있는 사이트가 있습니다. – Bandai2
http://en.wikipedia.org/wiki/Dynamic_HTML 사용 단락은 요즘에는 더 이상 사용되지 않는 이유를 설명합니다 (항상 구식이 아닌 경우 ^^).기본적으로 developpers가 완전히 작동하는 크로스 브라우저 버전을 사용하는 것은 정말 악몽입니다. –
@Michael : 사실 DHTML과 아무 관련이 없으며 그 기사에 동의하지 않습니다. 상황은 기본적으로 여전히 동일하지만 (document.all에 대한 테스트와 같은 것들이 더 이상 필요하지 않음에도 불구하고), DOM을 동적으로 조작합니다 (결국, 우리가 돈을 내지 않으면 자바 스크립트를 많이 사용하지 않습니다. 우리는 여전히 브라우저 간의 차이점에 대처해야합니다. IMHO 'DHTML'은 요즘 화두에 불과합니다. 요즘 XML과 관련이 없더라도 'AJAX'라고 불리는 것이 많습니다. –
this example을보세요. JQuery와 CSS/HTML을 사용한 후의 모습과 매우 유사합니다. Here은이 데모의 예제 및 리소스입니다.
** FYI : ** DHTML = HTML DOM + Javascript –