window.onload=function(){ var?carTable=document.getElementById('cartTable');//表格 var?tr=carTable.children[1].rows; var?checkllAll=document.getElementsByClassName('check-all');//全選 var?checkinput=document.getElementsByClassName('check');//單選框 var?selectedTable=document.getElementById('selectedTotal');//商品個(gè)數(shù) var?pricea=document.getElementById('priceTotal');//商品價(jià)錢 var?selecteda=document.getElementById('selected');//f已選商品 var?foota=document.getElementById('foot');//f?foot底部隱藏改變的 var?selectedViewList=document.getElementById('selectedViewList');//浮層隱藏內(nèi)容填寫的地方 //商品個(gè)數(shù),商品價(jià)錢 function?goss(){ var?zahlder=0;//個(gè)數(shù) var?derprice=0;//價(jià)錢,根據(jù)所在的td var?HTMLstc=""; for(var?j=0;j<tr.length;j++){ if(tr[j].getElementsByTagName('input')[0].checked) //當(dāng)前復(fù)選框被選中 { HTMLstc='<div><img?src="'+tr[j].getElementsByTagName('img')[0].src+'?"/><span?class="del"?index="'?+?j?+?'">取消選擇</span></div>' zahlder+=parseInt(tr[j].getElementsByTagName('input')[1].value); derprice+=parseFloat(tr[j].cells[4].innerHTML); } } selectedViewList.innerHTML=HTMLstc; selectedTable.innerHTML=zahlder; pricea.innerHTML=derprice.toFixed(2); } //全選 for(var?i=0;i<checkinput.length;i++){checkinput[i].onclick=function(){ if(this.className=='check-all?check') { for(var?k=0;k?<?checkinput.length;k++) { checkinput[k].checked=this.checked; } } if(this.checked==false){//如果當(dāng)前的勾選狀態(tài)為未勾選 for(var?m=0;m<checkllAll.length;m++){ checkllAll[m].checked=false; } } goss();} } //預(yù)覽浮層原理控制foot selecteda.onclick=function(){ if(foota.className=='foot'){ foota.className='foot?show' }else{ foota.className='foot'; } }}
2019-07-30
同學(xué) ?我也是小白 ?但我知道你這個(gè)問題,浮沉的圖片你要在CSS樣式里面把添加進(jìn)去的每個(gè)div設(shè)置成內(nèi)聯(lián)元素,并且每個(gè)DIV要設(shè)置相對(duì)定位屬性,因?yàn)閟pan元素要根據(jù)DIV的相對(duì)做絕對(duì)定位,還有鼠標(biāo)劃過的效果