четверг, 26 ноября 2009 г.

Закругленные уголки (продолжение)

Было рассмотрено еще одно решение с использованием библиотечки DD_roundies.

Проверка все на тех же браузерах показала, что по внешнему виду и по удобству данное решение схоже с CurvyCorners, но по скорости работы ничуть не уступает Rocon'у.

Что же касаемо кроссбраузерности, то новое решение отказалось рабтать лишь в Опере.

Что же, объединение двух последних методов устраняет это обидное упущение:


<script type="text/JavaScript">
function initCorners() {
var settings = {
tl: { radius: 10 },
tr: { radius: 10 },
bl: { radius: 10 },
br: { radius: 10 },
antiAlias: true
}
curvyCorners(settings, "my_div.my_class");
}
if (navigator.userAgent.indexOf('Opera') >= 0) {
addEvent(window, 'load', initCorners); //Для оперы применяем КурвиКорнерс
}
else {
DD_roundies.addRule('my_div.my_class', '10px', true);//Для остальных - ДиДиРаундис
}
</script>