摘要：提問(wèn)：parseInt()還沒(méi)有理解，老師再解釋一下。尤其是我的距離有加法運(yùn)算，加不加parseInt差別巨大。其他的嘛，還要多練，這章涉及到蠻多新的東西，練一遍不夠。沒(méi)時(shí)間啦，再來(lái)取寫(xiě)一下。<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document
提問(wèn)：parseInt()還沒(méi)有理解，老師再解釋一下。尤其是我的距離有加法運(yùn)算，加不加parseInt差別巨大。
其他的嘛，還要多練，這章涉及到蠻多新的東西，練一遍不夠。沒(méi)時(shí)間啦，再來(lái)取寫(xiě)一下。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery-3.3.1.min.js"></script>
<style type="text/css">
*{margin: 0px;padding: 0px;}
#div_nav{margin: 40px auto; width: 800px;position: relative;}
ul{list-style: none;border: 1px solid #28AAE2;height:30px;position: relative;z-index:20;color:#0EA5E5;}
li{float:left;height: 18px; width:100px;line-height: 18px;text-align:center;cursor: pointer;border-right:1px solid #0EA5E5;margin:5px 0px; }
#div_bg{
height:4px;width: 100px;background-color:#0EA5E5;
position: absolute;top:27px;z-index:10;
}
</style>
</head>
<body>
<script type="text/javascript">
$(function(){
$('li').hover(
function(){
$x=parseInt($(this).attr('name'))*100+parseInt($(this).attr('name'))+1
$('#div_bg').stop().animate({left:$x+'px'},300)
},
function(){
$('#div_bg').stop().animate({left:'0px'},300)
}
)
})
</script>
<div id="div_nav">
<ul>
<li name="0">按鈕一</li>
<li name="1">按鈕二</li>
<li name="2">按鈕三</li>
<li name="3">按鈕四</li>
<li name="4">按鈕五</li>
</ul>
<div id="div_bg"></div>
</div>
</body>
</html>
批改老師：天蓬老師批改時(shí)間：2018-11-07 21:45:11
老師總結(jié)：parseInt()是定義在全局對(duì)象window上的一個(gè)全局方法,功能是實(shí)現(xiàn)類似轉(zhuǎn)換,還有一個(gè)同胞兄弟, parseFloat()用來(lái)處理小數(shù)