• Курсы Академии Кодебай, стартующие в мае - июне, от команды The Codeby

    1. Цифровая криминалистика и реагирование на инциденты
    2. ОС Linux (DFIR) Старт: 16 мая
    3. Анализ фишинговых атак Старт: 16 мая Устройства для тестирования на проникновение Старт: 16 мая

    Скидки до 10%

    Полный список ближайших курсов ...

Вопрос по Javascript

  • Автор темы Annihilus
  • Дата начала
Статус
Закрыто для дальнейших ответов.
A

Annihilus

Я хотел бы узнать как в данном скрипте, повысить скорость возврата (картинки) на исходную позицию

----------------------------------------------------

<script type="text/javascript">

<!--

function initObj(){ // create objects

my_object1=new create("div1")
my_object2=new create("div2")


maxWidth=300

minWidth=115

}

function create(id){ //define properties, pass id

this.id=id

this.width=document.getElementById(this.id).width

this.pos=parseInt(document.getElementById(this.id).style.left)

this.start_pos=this.pos

this.timer=null

this.running=0


this.chk_status=function(num,d){

this.dir=d

if(this.dir=="zOut"){this.running=0}

if(this.dir=="zIn"&&this.running==1){return}

this.running=1


this.step=5//+Math.floor(Math.random()*9)

window["my_object"+num].animate('my_object'+num)

}

this.animate=function(myobject){

if(this.dir=="zIn"){

document.getElementById(this.id).style.zIndex=1

this.width+=this.step

this.pos-= this.step/2

}

else{

document.getElementById(this.id).style.zIndex=""

this.width-=this.step/4

this.pos+= (this.step/2)/4

}

this.timer=setTimeout(myobject+".animate('"+myobject+"')",0)


if(this.dir=="zIn"&&this.width>maxWidth-this.step){

this.width=maxWidth


this.running=0

clearTimeout(this.timer)

}

if(this.dir=="zOut"&&this.width<=minWidth+this.step){

this.width=minWidth

this.pos=this.start_pos

this.running=0

clearTimeout(this.timer)

}

document.getElementById(this.id).style.width=this.width

document.getElementById(this.id).style.left=this.pos

}

}
</script>
 
G

Gisma

может дашь ссылку на демонстрацию кода?:(
а так увеличь значение переменной step
 
A

Annihilus

Помогите плиз разобраться с проблемой,
в прикрипленном файле html страница с двумя картинками,
при наведении они увеличиваються, но одна из них (оранжевая) при увеличении не накрывает предыдущую. Как это исправить? Помогите кто может !!!
 

Вложения

  • example.rar
    2,2 КБ · Просмотры: 159
S

Sergey Koksharov

Проблема с z-index. У тебя он в коде неаккуратно меняется. Закоментируй строчки кода, где меняется zIndex, а его пропиши лучше в строках style самих картинок. Напр. верхняя будет z-index: 10, нижняя - 9 и т. д.
См. приаттаченный файл
 

Вложения

  • example.zip
    2,2 КБ · Просмотры: 137
Статус
Закрыто для дальнейших ответов.
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!