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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Картинка как ссылка но не ссылка! Нужно сделать такую фигню... 
:(
    Опции темы
arial
  Дата 7.4.2003, 20:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник Клуба
Сообщений: 772
Регистрация: 11.3.2003
Где: Архангельская обл .

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



У меня такой вопрос:
Как, применив функцию onmouseover, превратить курсор, проходящий над картинкой, в палец, как-будьто он проходит над ссылкой? smile


--------------------
Есть люди, в которых живет Бог. Есть люди, в которых живет дьявол. А есть люди, в которых живут только глисты. (Ф. Раневская)
PM ICQ   Вверх
Foxx
Дата 8.4.2003, 07:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.3.2003
Где: Новосибирск

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



cursor: hand


PM MAIL ICQ   Вверх
Foxx
Дата 8.4.2003, 09:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.3.2003
Где: Новосибирск

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



только это надо прописывать не в самом теге, а в стилях, иначе не будет работать smile пока я это выловил очень много нервов истратил smile
PM MAIL ICQ   Вверх
Foxx
Дата 8.4.2003, 12:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.3.2003
Где: Новосибирск

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



вот написал примерчик тебе smile
Код

<html>
<head>
<style type="text/css">
.gr
{
    cursor: hand;
}
</style>
</head>
<body>
при наведении на слово <span class=gr><font size="+2">курсор</font></span>  указатель мыши примет вид руки
</body>
</html>

PM MAIL ICQ   Вверх
arial
Дата 8.4.2003, 17:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник Клуба
Сообщений: 772
Регистрация: 11.3.2003
Где: Архангельская обл .

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



Благодарю, Foxx, все работает!


--------------------
Есть люди, в которых живет Бог. Есть люди, в которых живет дьявол. А есть люди, в которых живут только глисты. (Ф. Раневская)
PM ICQ   Вверх
[xoodo]
Дата 8.4.2003, 20:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 424
Регистрация: 9.3.2003

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



А кроме "hand", что еще интересного есть? Типа, стрелку менять на каретку и обратно, часы там и всякий прочий мусор? Кто много нервов истратил - тот знать должен... И начиная с какого браузера пашет?
PM   Вверх
Foxx
Дата 9.4.2003, 08:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.3.2003
Где: Новосибирск

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



Цитата

А кроме "hand", что еще интересного есть? Типа, стрелку менять на каретку и обратно, часы там и всякий прочий мусор? Кто много нервов истратил - тот знать должен... И начиная с какого браузера пашет?

почти любой вид курсора. Завтра принесу на работу книжку и напишу smile
А вот с какого броузера пашет не знаю smile Не проверял еще.
PM MAIL ICQ   Вверх
[xoodo]
Дата 9.4.2003, 12:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 424
Регистрация: 9.3.2003

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



Вот я и проверю заодно...
PM   Вверх
eduard
Дата 9.4.2003, 13:47 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Ребята все это хорошо, но вы забыли наверное, что есть куча броузеров, где не поддерживается css - cursor
Намример Мозила ну и соответственное Netscape
  Вверх
eduard
Дата 9.4.2003, 14:05 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











не договорил, надо лучше сверять значения cursor для разных броузеров - для hand по стандарту надо писать pointer
  Вверх
Foxx
  Дата 9.4.2003, 15:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 178
Регистрация: 19.3.2003
Где: Новосибирск

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



Цитата(eduard @ 9.4.2003, 09:05)
не договорил, надо лучше сверять значения cursor для разных броузеров - для hand по стандарту надо писать pointer

а где можно отловить эти самые отличия ? а то я сколько книг не читал, нигде этого не видел... хоят одна книга у меня довольно полная и неплохая smile

Ну а где не поддерживается - надо делать кросс-браузерный код... что еще сказать... головоломка но что поделать
PM MAIL ICQ   Вверх
kiriX
Дата 22.4.2003, 21:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 51
Регистрация: 15.4.2003
Где: XATKA

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



в Netscape

window.setCursor("pointer")

начиная с NN6
PM WWW   Вверх
MuToGeN
Дата 23.4.2003, 02:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Лесник
****


Профиль
Группа: Модератор
Сообщений: 4379
Регистрация: 15.8.2002
Где: Москва

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



Возможные значения параметра cursor (мой перевод официального мануала по CSS2):

auto - Курсор определяется в зависимости от браузера, элемента, на который наведен итп.
crosshair - Курсор в виде креста
default - Курсор по умолчанию, зависит от платформы. Чаще всего стрелка
pointer - Курсор, указывающий на ссылку. Чаще всего в виде руки
move - Показывает, что объект можно переместить
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize - Изменение размера (n - север, s - юг, e - восток, w - запад, буква говорит о направлении).
text - Курсор, используемый для текста
wait - "Песочные часы"
help - "Вопросительный знак"
URL("http://server.com/my_cursor.ani") - Любой курсор в формате ani или cur smile
inherit - унаследовать курсор от родительского объекта


--------------------
Three pings for the token rings,
Five pings for the UNIX machines,
Hundred pings for the broken links,
One special ping to check them all
Through Simple Network Management Protocol!
PM MAIL ICQ   Вверх
sergejzr
Дата 16.8.2005, 03:37 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Un salsero
Group Icon


Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 10
Всего: 360



Question:
Как подменить курсор с помощью яваскрипта. И какие курсоры возможны?
How to change cursor? What kind of cursors are possible?
Wie kann man den Mauszeiger verändern? Welche sind möglich?

Answer:
Возможные значения параметра cursor:
auto - Курсор определяется в зависимости от браузера, элемента, на который наведен итп.
crosshair - Курсор в виде креста
default - Курсор по умолчанию, зависит от платформы. Чаще всего стрелка
pointer - Курсор, указывающий на ссылку. Чаще всего в виде руки
move - Показывает, что объект можно переместить
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize - Изменение размера (n - север, s - юг, e - восток, w - запад, буква говорит о направлении).
text - Курсор, используемый для текста
wait - "Песочные часы"
help - "Вопросительный знак"
URL("http://server.com/my_cursor.ani") - Любой курсор в формате ani или cur
inherit - унаследовать курсор от родительского объекта

Браузеры:
Internet Explorer Yes, Mozilla Yes, Opera Yes

Пример:
Код
<!--
    Thanks to:
    Foxx http://vingrad.ru/@Foxx
    for this excample
-->
<html>
<head>
<style type="text/css">
.gr
{
    cursor: pointer;
}
</style>
</head>
<body>
при наведении на слово <span class="gr">курсор</span>  указатель мыши примет вид руки
</body>
</html>



Примечания:

Спасибо:
MuToGeN, Foxx за предоставленный материал.


--------------------
PM WWW IM ICQ Skype GTalk Jabber AOL YIM MSN   Вверх
Innuendo
Дата 15.1.2006, 09:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 745
Регистрация: 24.12.2005
Где: Молдова

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



А мне надо чтоб при наведении на мой спан, курсор был не text, а стрелка.. Как он называется? arrow не работает smile


--------------------
=)
PM MAIL ICQ Jabber   Вверх
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




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


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

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