когда мышь быстро проскакивает по ссылке, то она наченает не плавно менять цвет, а начинает мигать.

24.01.2011, 21:08. **Показов** 2016. **Ответов** 8

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

вот у меня есть такой код для плавного изменения цвета ссылки:

document.onmouseover = domouseover;
document.onmouseout = domouseout;

function domouseover() {
if(document.all){
srcElement = window.event.srcElement;
if (srcElement.className.indexOf('fade') > -1) {
var linkName = srcElement.name;
fadein(linkName);
}
}
}

function domouseout() {
if (document.all){
srcElement = window.event.srcElement;
if (srcElement.className.indexOf('fade') > -1) {
var linkName = srcElement.name;
fadeout(linkName);
}
}
}

function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}

hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]='a'; hexa[11]='b'; hexa[12]='c';
hexa[13]='d'; hexa[14]='e'; hexa[15]='f';

function hex(i) {
if (i < 0)
return '00';
else if (i > 255)
return 'ff';
else
return '' + hexa[Math.floor(i/16)] + hexa[i%16];}

function setbgColor(r, g, b, element) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
element.style.color = '#'+hr+hg+hb;
}

function fade(sr, sg, sb, er, eg, eb, step, direction, element){
for(var i = 0; i <= step; i++) {
setTimeout('setbgColor(Math.floor(' +sr+ ' *(( ' +step+ ' - ' +i+ ' )/ ' +step+ ' ) + ' +er+ ' * (' +i+ '/' +step+ ')),Math.floor(' +sg+ ' * (( ' +step+ ' - ' +i+ ' )/ ' +step+ ' ) + ' +eg+ ' * (' +i+ '/' +step+ ')),Math.floor(' +sb+ ' * ((' +step+ '-' +i+ ')/' +step+ ') + ' +eb+ ' * (' +i+ '/' +step+ ')),'+element+');',i*step);
}
}

function fadeout(element) {

fade(255,255,255, 255,136,64, 30, 1, element);
}

function fadein(element) {

fade(255,136,64, 255,255,255, 23, 1, element);
}

но тут есть одно но, когда мышь быстро проскакивает по ссылке, то она наченает не плавно менять цвет, а начинает мигать.
Подскажите пожалуйсто что тут не так и что надо убрать/добавить?
Заранее благодарен.

@sl_play · 24.01.2011, 21:30

function fadeout(element) {

fade(255,255,255, 255,136,64, 10, 1, element);
}

function fadein(element) {

fade(255,136,64, 255,255,255, 10, 1, element);
}

поменяй эти две функции

25.01.2011, 00:02

Спасибо, все работает 8)

@Dragon_Oleg · 25.01.2011, 09:56

Уважаемый Hy6uk а можно посмотреть полный код программы, а интересно как это выглядит?

25.01.2011, 18:37

А это и был полный код 8)

@Dragon_Oleg · 26.01.2011, 12:49

Почему то вот так не работае в IE6
поправь плиз как надо

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'>
</head>

<body>
<script>
document.onmouseover = domouseover;
document.onmouseout = domouseout;

function domouseover() {
if(document.all){
srcElement = window.event.srcElement;
if (srcElement.className.indexOf('fade') > -1) {
var linkName = srcElement.name;
fadein(linkName);
}
}
}

function domouseout() {
if (document.all){
srcElement = window.event.srcElement;
if (srcElement.className.indexOf('fade') > -1) {
var linkName = srcElement.name;
fadeout(linkName);
}
}
}

function makearray(n) {
this.length = n;
for(var i = 1; i <= n; i++)
this[i] = 0;
return this;
}

hexa = new makearray(16);
for(var i = 0; i < 10; i++)
hexa[i] = i;
hexa[10]='a'; hexa[11]='b'; hexa[12]='c';
hexa[13]='d'; hexa[14]='e'; hexa[15]='f';

function hex(i) {
if (i < 0)
return '00';
else if (i > 255)
return 'ff';
else
return '' + hexa[Math.floor(i/16)] + hexa[i%16];}

function setbgColor(r, g, b, element) {
var hr = hex(r); var hg = hex(g); var hb = hex(b);
element.style.color = '#'+hr+hg+hb;
}

function fade(sr, sg, sb, er, eg, eb, step, direction, element){
for(var i = 0; i <= step; i++) {
setTimeout('setbgColor(Math.floor(' +sr+ ' *(( ' +step+ ' - ' +i+ ' )/ ' +step+ ' ) + ' +er+ ' * (' +i+ '/' +step+ ')),Math.floor(' +sg+ ' * (( ' +step+ ' - ' +i+ ' )/ ' +step+ ' ) + ' +eg+ ' * (' +i+ '/' +step+ ')),Math.floor(' +sb+ ' * ((' +step+ '-' +i+ ')/' +step+ ') + ' +eb+ ' * (' +i+ '/' +step+ ')),'+element+');',i*step);
}
}

function fadeout(element) {

function fadeout(element) {

fade(255,255,255, 255,136,64, 10, 1, element);
}

function fadein(element) {

fade(255,136,64, 255,255,255, 10, 1, element);
}
</script>
<a href='#' name='ssilka' id='ssilka' onMouseOut='domouseout()' onMouseOver='domouseover()'>Ssilka</a>

</body>
</html>

26.01.2011, 18:21

В общем у меня этот код содержится в файле fade.js, а в html пишется:
<html>
...
<script src='fade.js' language='Javascript'> </script>
<body ...>
...
<a href='...' name='fading_link_1' class='fade'>ссылка 1</a>
<a href='...' name='fading_link_2' class='fade'>ссылка 2</a>
...
</html>

Вот так у мну и работает.

@Dragon_Oleg · 27.01.2011, 13:17

Спасибо

@Dragon_Oleg · 27.01.2011, 13:17

Спасибо

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

Hy6uk

	когда мышь быстро проскакивает по ссылке, то она наченает не плавно менять цвет, а начинает мигать. 24.01.2011, 21:08. Показов 2016. Ответов 8 Метки нет (Все метки) вот у меня есть такой код для плавного изменения цвета ссылки: document.onmouseover = domouseover; document.onmouseout = domouseout; function domouseover() { if(document.all){ srcElement = window.event.srcElement; if (srcElement.className.indexOf('fade') > -1) { var linkName = srcElement.name; fadein(linkName); } } } function domouseout() { if (document.all){ srcElement = window.event.srcElement; if (srcElement.className.indexOf('fade') > -1) { var linkName = srcElement.name; fadeout(linkName); } } } function makearray(n) { this.length = n; for(var i = 1; i <= n; i++) this[i] = 0; return this; } hexa = new makearray(16); for(var i = 0; i < 10; i++) hexa[i] = i; hexa[10]='a'; hexa[11]='b'; hexa[12]='c'; hexa[13]='d'; hexa[14]='e'; hexa[15]='f'; function hex(i) { if (i < 0) return '00'; else if (i > 255) return 'ff'; else return '' + hexa[Math.floor(i/16)] + hexa[i%16];} function setbgColor(r, g, b, element) { var hr = hex(r); var hg = hex(g); var hb = hex(b); element.style.color = '#'+hr+hg+hb; } function fade(sr, sg, sb, er, eg, eb, step, direction, element){ for(var i = 0; i <= step; i++) { setTimeout('setbgColor(Math.floor(' +sr+ ' (( ' +step+ ' - ' +i+ ' )/ ' +step+ ' ) + ' +er+ ' (' +i+ '/' +step+ ')),Math.floor(' +sg+ ' * (( ' +step+ ' - ' +i+ ' )/ ' +step+ ' ) + ' +eg+ ' * (' +i+ '/' +step+ ')),Math.floor(' +sb+ ' * ((' +step+ '-' +i+ ')/' +step+ ') + ' +eb+ ' * (' +i+ '/' +step+ ')),'+element+');',i*step); } } function fadeout(element) { fade(255,255,255, 255,136,64, 30, 1, element); } function fadein(element) { fade(255,136,64, 255,255,255, 23, 1, element); } но тут есть одно но, когда мышь быстро проскакивает по ссылке, то она наченает не плавно менять цвет, а начинает мигать. Подскажите пожалуйсто что тут не так и что надо убрать/добавить? Заранее благодарен.

@sl_play 4 / 4 / 3 Регистрация: 25.05.2009 Сообщений: 2,576
	24.01.2011, 21:30
	function fadeout(element) { fade(255,255,255, 255,136,64, 10, 1, element); } function fadein(element) { fade(255,136,64, 255,255,255, 10, 1, element); } поменяй эти две функции 0

Hy6uk
	25.01.2011, 00:02
	Спасибо, все работает 8)

@Dragon_Oleg 6 / 6 / 1 Регистрация: 22.06.2010 Сообщений: 239
	25.01.2011, 09:56
	Уважаемый Hy6uk а можно посмотреть полный код программы, а интересно как это выглядит? 0

Hy6uk
	25.01.2011, 18:37
	А это и был полный код 8)

@Dragon_Oleg 6 / 6 / 1 Регистрация: 22.06.2010 Сообщений: 239
	26.01.2011, 12:49
	Почему то вот так не работае в IE6 поправь плиз как надо <html> <head> <title>Untitled Document</title> <meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'> </head> <body> <script> document.onmouseover = domouseover; document.onmouseout = domouseout; function domouseover() { if(document.all){ srcElement = window.event.srcElement; if (srcElement.className.indexOf('fade') > -1) { var linkName = srcElement.name; fadein(linkName); } } } function domouseout() { if (document.all){ srcElement = window.event.srcElement; if (srcElement.className.indexOf('fade') > -1) { var linkName = srcElement.name; fadeout(linkName); } } } function makearray(n) { this.length = n; for(var i = 1; i <= n; i++) this[i] = 0; return this; } hexa = new makearray(16); for(var i = 0; i < 10; i++) hexa[i] = i; hexa[10]='a'; hexa[11]='b'; hexa[12]='c'; hexa[13]='d'; hexa[14]='e'; hexa[15]='f'; function hex(i) { if (i < 0) return '00'; else if (i > 255) return 'ff'; else return '' + hexa[Math.floor(i/16)] + hexa[i%16];} function setbgColor(r, g, b, element) { var hr = hex(r); var hg = hex(g); var hb = hex(b); element.style.color = '#'+hr+hg+hb; } function fade(sr, sg, sb, er, eg, eb, step, direction, element){ for(var i = 0; i <= step; i++) { setTimeout('setbgColor(Math.floor(' +sr+ ' (( ' +step+ ' - ' +i+ ' )/ ' +step+ ' ) + ' +er+ ' (' +i+ '/' +step+ ')),Math.floor(' +sg+ ' * (( ' +step+ ' - ' +i+ ' )/ ' +step+ ' ) + ' +eg+ ' * (' +i+ '/' +step+ ')),Math.floor(' +sb+ ' * ((' +step+ '-' +i+ ')/' +step+ ') + ' +eb+ ' * (' +i+ '/' +step+ ')),'+element+');',i*step); } } function fadeout(element) { function fadeout(element) { fade(255,255,255, 255,136,64, 10, 1, element); } function fadein(element) { fade(255,136,64, 255,255,255, 10, 1, element); } </script> <a href='#' name='ssilka' id='ssilka' onMouseOut='domouseout()' onMouseOver='domouseover()'>Ssilka</a> </body> </html> 0

Hy6uk
	26.01.2011, 18:21
	В общем у меня этот код содержится в файле fade.js, а в html пишется: <html> ... <script src='fade.js' language='Javascript'> </script> <body ...> ... <a href='...' name='fading_link_1' class='fade'>ссылка 1</a> <a href='...' name='fading_link_2' class='fade'>ссылка 2</a> ... </html> Вот так у мну и работает.

@Dragon_Oleg 6 / 6 / 1 Регистрация: 22.06.2010 Сообщений: 239
	27.01.2011, 13:17
	Спасибо 0

Опции темы