значит для хтмл 3.2 будет что-то типа:september2489 писал(а): Чт янв 23, 2025 9:41 am Прикольно! Сейчас ради интереса посмотрел, как бы я решил эту проблему своим способом. В HTML есть тэг <map>. Вот небольшой пример:
Здесь изображению присваивается "карта", её форма - произвольный многоугольник. Координаты задаются в Dreamweaver кликами мышкой, далее указывается ссылка. Активная область не видна на изображении, курсор мыши при наведении меняет форму. Возможно, через CSS можно добиться разных стилей изображения (надо проверять). Также доступны события, например, onMouseDown/onMouseMove и другие, то есть в теории можно как-то управлять всем этим.Код: Выделить всё
<body> <img src="index.jpg" width="600" height="394" border="0" usemap="#Map" /> <map name="Map" id="Map"> <area shape="poly" coords="304,372,305,371,302,303,303,187,358,205,387,241,392, 295,377,339,337,362" href="http://september2489.w10.site" target="_blank" /> </map> </body>
Код: Выделить всё
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=1201>
<TR VALIGN="top" ALIGN="left">
<TD WIDTH=1200 HEIGHT=700 COLSPAN=2>
<IMG SRC="koncept1.jpg" ALT="" WIDTH=1200 HEIGHT=700 BORDER=0>
</TD>
<TD WIDTH=1 HEIGHT=705>
/* сюда */
<div style="width: 1px; height: 705px;"></div>
</TD>
</TR>
</TABLE>Код: Выделить всё
<map name="imagemap">
<area shape="rect" coords="300,300,200,200" href="http://ссылка" alt="картинка">
</map>
всё двигается, открывается-закрывается но как реализовать подвижность на хтмл - незнаю, анимация на гифах это чудовищно громоздко и скорость анимации отличается от изначальной