ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Плавное появление изображения при наведении указателя мышки.
13 сообщений из 13, страница 1 из 1
Плавное появление изображения при наведении указателя мышки.
    #34802354
Ghirik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ghirik
Участник
Если кому надо, не очень правильно, но работает везде. Пользуйтесь. :-))
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript">
<!--
function ok(){ //Функция начальной установки прозрачности.
var img=document.getElementsByTagName('img')
for(c=0;c<img.length;c++){
img[c].src='img/'+(c+1)+'.jpg'
img[c].onmouseover=eff
img[c].onmouseout=eff
if (img[c].filters){
img[c].style.filter='alpha(opacity='+s+')'}
else{
img[c].style.opacity=s/100}}}
// Временные единицы относительные, подбирать экспериментально.
var up=49 // Время выполнения эффекта, появление.
var dn=15 // Время выполнения эффекта, исчезновение.
var s=10 // Начальная прозрачность, от 0.
var r=100 // Конечная прозрачность, до 100.
/*----------------------------------------------------------------*/
var x=25/up
var y=-25/dn
var z=new Array()
var timer=new Array()
function eff(e){
var i=this.id
if (timer ){clearInterval(timer)}
if (!e){e=window.event}
if ((e.type)!='mouseover'){z=y;var t=dn}
else{z=x;var t=up}
timer=setInterval(function (i){return function(){ time(i)}}(this),t)}
function time(i){
if (i.filters){
i.filters.alpha.opacity+=z[i.id]
c=i.filters.alpha.opacity}
else{
c=i.style.opacity*100
c+=z[i.id]
i.style.opacity=c/100}
document.getElementById('p1').innerHTML=c
if (c<=s){if(i.filters){i.filters.alpha.opacity=s}else{i.style.opacity=s/100};clearInterval(timer[i.id]);return}
if (c>=r){if(i.filters){i.filters.alpha.opacity=r}else{i.style.opacity=r/100};clearInterval(timer[i.id]);return}
}
//-->
</script>
</head>
<body onload=ok()>
<img id=i1>
<img id=i2>
<img id=i3>
<img id=i4>
<p id=p1></p>
</body>
</html>
...
Рейтинг: 0 / 0
15.09.2007, 02:13
| Ответить | Цитировать | Написать  
Плавное появление изображения при наведении указателя мышки.
    #34802516
Фотография Софтверный проктолог
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Софтверный проктолог
Участник
Ghirik
Если кому надо, не очень правильно, но работает везде.

Бессмысленная ложь. Он не работает нигде.
Это не говоря уже о том, что ваш код безобразен.
...
Рейтинг: 0 / 0
15.09.2007, 12:27
| Ответить | Цитировать | Написать  
Плавное появление изображения при наведении указателя мышки.
    #34802817
Ghirik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ghirik
Участник
Вот в работе http://]http://www.door-to.ru/LamerPhotoBlog/scripts/Interval_final3.htm
...
Рейтинг: 0 / 0
15.09.2007, 18:55
| Ответить | Цитировать | Написать  
Плавное появление изображения при наведении указателя мышки.
    #34802831
Ghirik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ghirik
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javascript">
<!--
function ok(){ //Функция начальной установки прозрачности.
	var img=document.getElementsByTagName('img')
	for(c= 0 ;c<img.length;c++){
		img[c].src='img/'+(c+ 1 )+'.jpg'
		img[c].onmouseover=eff
		img[c].onmouseout=eff
	if	(img[c].filters){
		img[c].style.filter='alpha(opacity='+s+')'}
	else{
		img[c].style.opacity=s/ 100 }}}
	// Временные единицы относительные, подбирать экспериментально.
var up= 10  // Время выполнения эффекта, появление.
var dn= 15  // Время выполнения эффекта, исчезновение.
var s= 10  // Начальная прозрачность, от  0 .
var r= 100  // Конечная прозрачность, до  100 .
/*----------------------------------------------------------------*/
var x= 25 /up
var y=- 25 /dn
var z=new Array()
var timer=new Array()
function eff(e){
	var i=this.id
	if	(timer[i]){clearInterval(timer[i])}
	if	(!e){e=window.event}
	if	((e.type)!='mouseover'){z[i]=y;var t=dn}
	else{z[i]=x;var t=up}
		timer[i]=setInterval(function (i){return function(){ time(i)}}(this),t)}
function time(i){
	if	(i.filters){
		i.filters.alpha.opacity+=z[i.id]
		c=i.filters.alpha.opacity}
	else{
		c=i.style.opacity* 100 
		c+=z[i.id]
		i.style.opacity=c/ 100 }
	if	(c<=s){if(i.filters){i.filters.alpha.opacity=s}else{i.style.opacity=s/ 100 };clearInterval(timer[i.id]);return}
	if	(c>=r){if(i.filters){i.filters.alpha.opacity=r}else{i.style.opacity=r/ 100 };clearInterval(timer[i.id]);return}
		}
//-->
</script>
</head>
<body onload=ok()>
<img id=i1>
<img id=i2>
<img id=i3>
<img id=i4>
</body>
</html>
...
Рейтинг: 0 / 0
15.09.2007, 19:20
| Ответить | Цитировать | Написать  
Плавное появление изображения при наведении указателя мышки.
    #34802833
Фотография Софтверный проктолог
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Софтверный проктолог
Участник
Я не зря упомянул, что ваш код безобразен.
...
Рейтинг: 0 / 0
15.09.2007, 19:27
| Ответить | Цитировать | Написать  
Плавное появление изображения при наведении указателя мышки.
    #34802835
Ghirik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ghirik
Участник
Ну, и...
Что безобразное, покажите, какого хрена флудить то?
...
Рейтинг: 0 / 0
15.09.2007, 19:30
| Ответить | Цитировать | Написать  
Плавное появление изображения при наведении указателя мышки.
    #34802849
Фотография Софтверный проктолог
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Софтверный проктолог
Участник
GhirikНу, и...
Что безобразное, покажите, какого хрена флудить то?
Кодировка

Тип содержимого <script>

Форматирование кода

Отделение строк символами ;

Наименование методов

Бессмысленность затеи, потому что уже давно придумали jQuery
...
Рейтинг: 0 / 0
15.09.2007, 20:07
| Ответить | Цитировать | Написать  
Плавное появление изображения при наведении указателя мышки.
    #34803033
Ghirik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ghirik
Участник
Софтверный проктолог ,
Ни чего по существу вопроса так и не сказали, скорее всего вы даже и не поняли как работает этот скрипт. Не сказали, что не корректно происходит вычисление значений прозрачности для Mozilla. Не сказали, что криво передаются аргументы в функцию time(). Не отметили, что это самый короткий код функции, такого назначения, из всех которые Вам доводилось видеть. Использование чужих библиотек, дело конечно хорошее, когда сам не можешь написать. Но если я Вам предложу использовать, к примеру MS FrontPage, для создания сайтов, Вы, наверное, будете против. По форматированию кода - мне так нравится.
...
Рейтинг: 0 / 0
16.09.2007, 09:16
| Ответить | Цитировать | Написать  
Плавное появление изображения при наведении указателя мышки.
    #34803070
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
Код хорош всем, кроме форматирования. )) Однако это дело вкуса.
Рекомендую пофиксить его для мозиллы даже в ущерб IE. Там он не нужен - для спецеффектов существуют transitions, оформляемые двумя строчками.
...
Рейтинг: 0 / 0
16.09.2007, 11:13
| Ответить | Цитировать | Написать  
Плавное появление изображения при наведении указателя мышки.
    #34803583
Фотография Софтверный проктолог
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Софтверный проктолог
Участник
Ghirik Софтверный проктолог ,
Ни чего по существу вопроса так и не сказали, скорее всего вы даже и не поняли как работает этот скрипт. Не сказали, что не корректно происходит вычисление значений прозрачности для Mozilla. Не сказали, что криво передаются аргументы в функцию time(). Не отметили, что это самый короткий код функции, такого назначения, из всех которые Вам доводилось видеть. Использование чужих библиотек, дело конечно хорошее, когда сам не можешь написать. Но если я Вам предложу использовать, к примеру MS FrontPage, для создания сайтов, Вы, наверное, будете против. По форматированию кода - мне так нравится.
Я и не собирался вникать в ваш код — в этом нет никакого смысла.
Мне всё равно — короткий он или длинный. Я знаю, что аналогичные механизмы в сторонних модулях выполнят эту работу лучше.
Использование чужих библиотек позволяет работать эффективно, выполняя конкретные задачи. Это позволяет не тратить свое время на решение ненужных проблем.
Я использую FrontPage. Только не для создания сайтов, а чтобы набрасывать схему размещения элементов и смотреть, если что-то не туда поехало.
...
Рейтинг: 0 / 0
16.09.2007, 21:21
| Ответить | Цитировать | Написать  
Плавное появление изображения при наведении указателя мышки.
    #34803664
Ghirik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ghirik
Участник
авторваш код безобразен
авторЯ и не собирался вникать в ваш код — в этом нет никакого смысла.
Где же логика, Вы же, я так понимаю, программист.
...
Рейтинг: 0 / 0
16.09.2007, 23:27
| Ответить | Цитировать | Написать  
Плавное появление изображения при наведении указателя мышки.
    #34805793
Фотография Софтверный проктолог
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Софтверный проктолог
Участник
Ghirik авторваш код безобразен
авторЯ и не собирался вникать в ваш код — в этом нет никакого смысла.
Где же логика, Вы же, я так понимаю, программист.
Логика здесь элементарная.
То, что выглядит небрежно, представляет такой же ужас и внутри. Иными словами, код отражает то, что творится у его автора в голове.
...
Рейтинг: 0 / 0
17.09.2007, 17:17
| Ответить | Цитировать | Написать  
Плавное появление изображения при наведении указателя мышки.
    #34810136
ZanZibArgh
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ZanZibArgh
Гость
если код написан на коленке, не для большого серьезного проекта, где его кому-то придется отлаживать, или готов и закончен - смысл, извиняюсь, вонять про форматирование и поименование? Человек выложил скрипт чтобы люди пользовались. А не задал очередной тупой вопрос.

очевидно словесный понос - профессиональное заболевание всех проктологов, в т.ч. софтверных.
...
Рейтинг: 0 / 0
19.09.2007, 10:02
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Плавное появление изображения при наведении указателя мышки.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=34805793&tid=1457634]:
 0ms
get settings:
 11ms
get forum list:
 11ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 50ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 50ms
get tp. blocked users:
 1ms
others: 243ms
total:  388ms
созд. / загр.: 388ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]