課程
/前端開發(fā)
/JavaScript
/JS動畫效果
求margin:10px auto;border:1px solid #ccc;之前的代碼???前邊學(xué)的都快忘光了,只能照著敲。
2016-04-05
源自:JS動畫效果 7-1
正在回答
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#move{
width: 300px;
margin: 10px auto;
border: 1px solid #ccc;
#move a{
display: inline-block;
width: 58px;
height: 25px;
border: 1px solid #ddd;
border-radius: 3px;
background-color: #fff;
text-align: center;
margin: 10px 17px;
position: relative;
padding-top: 40px;
color: #9c9c9c;
font-size: 12px;
text-decoration: none;
line-height: 25px;
overflow: hidden;
#move a i{
position: absolute;
top: 20px;
left: 0;
width: 100%;
filter: alpha(opacity=100);
opacity: 1;
#move a:hover{
color: #F00;
#move img{
border: none;
</style>
Python程序猿 提問者
額 都是樣式屬性而已,沒必要和老師的一模一樣
舉報
通過本課程JS動畫的學(xué)習(xí),從簡單動畫開始,逐步深入各種動畫框架封裝
3 回答求代碼代碼
2 回答為什么我的當前值會比目標值差1px
1 回答oDiv.style.left=oDiv.offsetLeft+1+'px' //一次增加10px與一次增加1px效果上沒什么區(qū)別?
3 回答為什么我的代碼沒反應(yīng) 是吧之前的offset改成getStyle之后就沒動靜了
1 回答跪求源代碼
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-04-25
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#move{
width: 300px;
margin: 10px auto;
border: 1px solid #ccc;
}
#move a{
display: inline-block;
width: 58px;
height: 25px;
border: 1px solid #ddd;
border-radius: 3px;
background-color: #fff;
text-align: center;
margin: 10px 17px;
position: relative;
padding-top: 40px;
color: #9c9c9c;
font-size: 12px;
text-decoration: none;
line-height: 25px;
overflow: hidden;
}
#move a i{
position: absolute;
top: 20px;
left: 0;
display: inline-block;
width: 100%;
text-align: center;
filter: alpha(opacity=100);
opacity: 1;
}
#move a:hover{
color: #F00;
}
#move img{
border: none;
}
</style>
2016-04-06
額 都是樣式屬性而已,沒必要和老師的一模一樣