Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Скругление углов блоков без рисунков на CSS+JS, различного радиуса 
:(
    Опции темы
12345c
Дата 19.4.2009, 03:39 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 2
Всего: 101



Скругление реализовано не на  статических CSS, не на рисунках, а на генерируемых скриптом дивах со стилями. Причём, можно даже не писать параметры, а задать их в виде границ того базового дива, на котором собираемся скруглить углы. Границы могут быть как кругами, так и эллипсами.

Статья с примерами размещается здесь:

http://js2.ru/subs/2009/04/skruglenie-uglo...s-plus-js.shtml

Рисунок того, что получается:
user posted image
(по первой кнопке кликнуто 3 раза, по 2-й два; в 3-м примере задано 5 генераций бордюров).

Код скрипта в теле страницы, с комментариями. Во вложении здесь код продублирован.

Из возможных расширений видятся деструктор (отмена скруглений) и добавление ещё 2 параметров - асимметричные границы.

Присоединённый файл ( Кол-во скачиваний: 12 )
Присоединённый файл  subs032_1.rar 14,71 Kb


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
Се ля ви
Дата 24.5.2009, 14:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Java/SOAрхитектор
****


Профиль
Группа: Модератор
Сообщений: 2016
Регистрация: 5.6.2004
Где: place without tim e and space

Репутация: нет
Всего: 127



Тоже в тему - Рецепты верстальщиков из студии А. Лебедева: http://www.artlebedev.ru/tools/technogrett...ounded-corners/ .


--------------------
  )
 (
[_])
проф. блог

Кролики думали, что занимаются любовью, а на самом деле их просто разводили...
PM MAIL WWW Skype GTalk   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Здесь публикуют скрипты, которые уже проверены в обсуждениях других тем (при этом полезно поставить ссылки на все смежные обсуждения) или переносятся кем-либо из модераторов по просьбе участников, если видно, что в результате обсуждения темы был написан полезный или интересный скрипт. Третий возможный вариант - участник форума публикует скрипт, заведомо известный как полезный и эффективный, для, возможно, небольшой доработки и обсуждения.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Наши скрипты | Следующая тема »


 




[ Время генерации скрипта: 0.0775 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.