Как сделать чтобы курсор менялся при наведении на кнопку
Перейти к содержимому

Как сделать чтобы курсор менялся при наведении на кнопку

  • автор:

Как сделать, чтобы при наведении курсора на кнопку она появлялась в другом рандомном месте?

Задумка в том, чтобы когда наводишь курсор на кнопку, она появлялась в другом рандомном месте, то есть чтобы на неё по факту невозможно было нажать. Я новичок в программировании и не совсем понимаю как это сделать. Вот код (я не понимаю, как удалять старую кнопку и проделывать всё то же при наведении на новую):

from tkinter import* from random import * # я пыталась создать функцию, чтобы новая кнопка появлялась в другом месте def in_btn(event): x = randrange(0, 240) y = randrange(0, 110) btn2 = Button(text='Нет') btn2.place(x=x, y=y) root = Tk() root.geometry('240x110') label = Label(text='something') label.place(x=65, y=1) btn1 = Button(text='Да') btn1.place(x=5, y=80) btn2 = Button(text='Нет') btn2.place(x=179, y=80) btn2.bind('', in_btn) root.mainloop() 

Отслеживать

49k 17 17 золотых знаков 56 56 серебряных знаков 100 100 бронзовых знаков

Изменить курсор при наведении на кнопку

Author24 — интернет-сервис помощи студентам

Курсор при наведении на строку
При наведении курсора на строку таблицы он меняет свой тип и строка подсвечивается другим цветом.

Курсор сбоку при наведении мыши
Всем добрый день! Подскажите как сделать курсор сборку при наведении мыши и когда этот элемент.

При наведении курсора на шапку она светится в том месте где курсор
На одном сайте шапка очень интерестная при наведении курсора на неё она светится в том месте где.

Эксперт JSЭксперт HTML/CSS

3825 / 2675 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4

1 2 3 4 5 6 7
.vhod:hover { color: #000000; /* Цвет текста активного пункта */ background-color: #CCCCCC; /* Цвет фона активного пункта */ height: 24px; /* высота на свое усмотрение*/ width: 100px; /* ширина на свое усмотрение*/ cursor: pointer; }

39 / 41 / 15
Регистрация: 24.10.2015
Сообщений: 598
это не решило проблему, я разные курсоры тоже пробовал
143 / 133 / 69
Регистрация: 08.11.2013
Сообщений: 767
Записей в блоге: 5
Html код кидайте тогда
39 / 41 / 15
Регистрация: 24.10.2015
Сообщений: 598
Решил, изменил
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

звук при наведении на кнопку
сделал кнопку через спрайты в css прописал в hover чтобы она менялась , а вот как бы еще прописать.

сделать кнопку , которая изменяется при наведении и принимает прежний вид при уходе с кнопки
Ребята, теперь я буду вас расспрашивать о вебе постоянно. Прошу ответить — надо сделать кнопку .

При наведении на кнопку она ни как не проявляется
Всем привет, суть вопроса следующая, на сайте сделал кнопки переводящие к соответствующим.

Выпадающий список при наведении курсора на кнопку
Что нужно дописать в CSS, что бы при наведении на кнопку появлялся блок со списком. <!DOCTYPE.

Или воспользуйтесь поиском по форуму:

Как изменить курсор при наведении css

Изменить курсор при наведении мы можем при помощи CSS свойства cursor .

Это свойство может принимать большое количество значений. Рассмотрим некоторые из них:

  • cursor: default; стандартная стрелка
  • cursor: auto; браузер сам определяет нужный курсор. Для ссылки это будет рука с поднятым указательным пальцем, для поля ввода — чёрточка, для обычных элементов — стрелка
  • cursor: pointer; рука с поднятым указательным пальцем. По умолчанию показывается для нажимаемых элементов, например, ссылок
  • cursor: text; это чёрточка с засечками сверху и снизу. По умолчанию показывается у полей ввода input или textarea
  • cursor: none; курсор при наведении исчезнет.

cursor

Устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора зависит от операционной системы и установленных параметров.

Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту. Многих пользователей подобные изменения могут ввести в заблуждение, когда, например, вместо традиционной руки, появляющейся при наведении на ссылку, возникает нечто другое. В большинстве случаев, лучше оставить все как есть.

Синтаксис

cursor: [url(‘путь к курсору’),] | [ auto | crosshair | default | e-resize | help | move | n-resize | ne-resize | nw-resize | pointer | progress | s-resize | se-resize | sw-resize | text | w-resize | wait | inherit ]

Значения

url Позволяет установить свой собственный курсор, для этого нужно указать путь к файлу с курсором. auto Вид курсора по умолчанию для текущего элемента. inherit Наследует значение родителя.

Остальные допустимые значения приведены в табл. 1.

Табл. 1. Вид курсора

Вид Значение Тест Пример
default P
crosshair P
help P
move P
pointer P
progress P
text P
wait P
n-resize P
ne-resize P
e-resize P
se-resize P
s-resize P
sw-resize P
w-resize P
nw-resize P

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

При добавлении курсора из файла синтаксис несколько видоизменится.

cursor: url(‘путь к курсору1’), url(‘путь к курсору2’), .

Через запятую допускается указывать несколько значений url , в этом случае браузер попытается открыть первый файл с курсором и если это по каким-либо причинам не получится, перейдет к следующему файлу. Список обязательно заканчивается ключевым словом, например, auto или pointer , допустимые значения перечислены выше.

HTML5 CSS2.1 IE Cr Op Sa Fx

    cursor .cross < cursor: crosshair; >.help  

Результат данного примера показан на рис. 1.

Применение свойства cursor

Рис. 1. Применение свойства cursor

HTML5 CSS2.1 IE Cr Op Sa Fx

    cursor   

Обычный текст

Ссылка 1 Ссылка 2 Ссылка 3

Объектная модель

[window.]document.getElementById(» elementID «).style.cursor

Браузеры

Некоторые браузеры поддерживают дополнительные формы курсоров. Например, Internet Explorer и Opera работает со значением hand , которое является аналогом значения pointer . Кроме того, в браузерах Safari, Chrome и Firefox будут действовать следующие значения: all-scroll , col-resize , no-drop , not-allowed , row-resize , vertical-text . Учтите, что указанные значения не входят в спецификацию CSS 2.1, но соответствуют спецификации CSS3 (кроме hand ).

Internet Explorer в качестве формата файла курсора поддерживает CUR и ANI. Firefox, Chrome, Safari поддерживают форматы CUR, PNG, GIF, JPG.

Opera не работает с файлами курсора.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *