淘寶網(wǎng)搜索結(jié)果頁分頁導(dǎo)航右側(cè)跳轉(zhuǎn)到指定分頁的效果是這樣的：

在輸入框沒有獲取焦點之前，界面是這樣的：

在輸入框獲取焦點之后，界面呈現(xiàn)是這樣的：

其實只要用js就可以實現(xiàn)這樣的效果，代碼如下：

$('#gotoBtn').hide();$('#pageNumber').on('focus',function(){ $('#gotoBtn').show(); $('#gotoBtn').attr({’style’:’margin-left:0px;’});});$('#gotoBtn').on('click',function(){ var number = parseInt($('#pageNumber').val()); var max = parseInt($('#maxCount').html()); if(number>=1 && number<=max){var url = document.URL;var newurl = '';var arr1 = new Array();arr1 = url.split(’?’);if(arr1[1]){ var arr2 = new Array(); arr2 = arr1[1].split(’&’); if(!arr2[1]){newurl = url+’&page=’+number; }else{var hasPage = false;for(var i=0;i<arr2.length;i++){ if(!arr2[i].indexOf(’page’)){ arr2[i] = ’page=’+number; hasPage = true; }}var newparams = arr2.join(’&’);if(!hasPage){ newparams = newparams + ’&page=’+number;}newurl = arr1[0] + ’?’ + newparams; }}else{ newurl = url+'?page='+number;}location.href = newurl; }else{alert(’請輸入正確頁數(shù)!’);return false;}});

本篇與上一篇一脈相承，在輸入框獲取焦點之前是這樣的效果：

在輸入框獲取焦點之后是這樣的效果：

有什么問題可以通過下面的回復(fù)框進行回復(fù)，我會第一時間回饋