第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何加入動(dòng)畫(huà)? 本人嘗試多次都沒(méi)成功求指導(dǎo)

如何加入動(dòng)畫(huà)? 本人嘗試多次都沒(méi)成功求指導(dǎo)

nideyida 2015-11-01 08:48:11
<!doctype html><html> <head> <meta charset="UTF-8"> <title>sliding doors</title> <link rel="stylesheet" href="styles/reset.css" /> <link rel="stylesheet" href="styles/slidingdoors.css" /> <script src="scripts/slidingdoors.js"></script> </head> <body> <div id='container'> <img src="images/door1.png" alt="1080P神器" title="1080P神器" /> <img src="images/door2.png" alt="5.5寸四核" title="5.5寸四核" /> <img src="images/door3.png" alt="四核5寸" title="四核5寸" /> <img src="images/door4.png" alt="5.7寸機(jī)皇" title="5.7寸機(jī)皇" /> </div> </body></html>
查看完整描述

2 回答

?
nideyida

TA貢獻(xiàn)3條經(jīng)驗(yàn) 獲得超0個(gè)贊

滑動(dòng)門(mén)http://img1.sycdn.imooc.com//563600610001b29511870713.jpg


查看完整回答
反對(duì) 回復(fù) 2015-11-01
?
mengxianghan

TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超0個(gè)贊

你這是想加什么動(dòng)畫(huà)?

查看完整回答
反對(duì) 回復(fù) 2015-11-01
  • nideyida
    nideyida
    window.onload = function() { //容器對(duì)象 var box = document.getElementById('container'); //獲得圖片NodeList對(duì)象集合 var imgs = box.getElementsByTagName('img'); //單張圖片的寬度 var imgWidth = imgs[0].offsetWidth; //設(shè)置掩藏門(mén)體露出的寬度 var exposeWidth = 160; //設(shè)置容器總寬度 var boxWidth = imgWidth + (imgs.length - 1) * exposeWidth; box.style.width = boxWidth + 'px'; //設(shè)置每道門(mén)的初始位置 function setImgsPos() { for (var i = 1, len = imgs.length; i < len; i++) { imgs[i].style.left = imgWidth + exposeWidth * (i - 1) + 'px'; } } setImgsPos(); //計(jì)算每道門(mén)打開(kāi)時(shí)應(yīng)移動(dòng)的距離 var translate = imgWidth - exposeWidth; //為每道門(mén)綁定事件 for (var i = 0, len = imgs.length; i < len; i++) { //使用立即調(diào)用的函數(shù)表答式,為了獲得不同的i值 (function(i) { imgs[i].onmouseover = function() { //先將每道門(mén)復(fù)位 setImgsPos(); //打開(kāi)門(mén) for (var j = 1; j <= i; j++) { imgs[j].style.left = parseInt(imgs[j].style.left, 10) - translate + 'px'; } }; })(i); } };
  • 2 回答
  • 0 關(guān)注
  • 1520 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)