欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jquery的從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面的指定位置的實(shí)現(xiàn)代碼（帶平滑移動(dòng)的效果）

 更新時(shí)間：2011年05月24日 23:08:34   作者：  
從一個(gè)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面的指定位置 如果不帶平滑移動(dòng)的效果 很容易 加個(gè) 錨點(diǎn)就行了
比如 想跳到 mao.aspx 的頁(yè)面 的div id="s" 的位置 那么 只用<a href="mao.aspx#s"> 就可實(shí)現(xiàn)跳轉(zhuǎn)到指定位置
現(xiàn)在為了增加用戶(hù)體驗(yàn) 跳轉(zhuǎn)到頁(yè)面后 平滑移動(dòng)到該位置 怎么做呢 其實(shí)也很簡(jiǎn)單啦 那邊傳遞過(guò)來(lái)一個(gè) 要跳轉(zhuǎn)到哪個(gè)div的參數(shù)就行
先上一段 頁(yè)面獲取參數(shù)的 通用js
復(fù)制代碼 代碼如下:

//根據(jù)參數(shù)名獲得該參數(shù) pname等于想要的參數(shù)名
function getParam(pname) {
var params = location.search.substr(1); // 獲取參數(shù) 平且去掉？
var ArrParam = params.split('&');
if (ArrParam.length == 1) {
//只有一個(gè)參數(shù)的情況
return params.split('=')[1];
}
else {
//多個(gè)參數(shù)參數(shù)的情況
for (var i = 0; i < ArrParam.length; i++) {
if (ArrParam[i].split('=')[0] == pname) {
return ArrParam[i].split('=')[1];
}
}
}
}

代碼很簡(jiǎn)單 就是根據(jù)當(dāng)前url 獲取其中想要的參數(shù)的值
復(fù)制代碼 代碼如下:

$(function() {
var mao = $("#" + getParam("m")); //獲得錨點(diǎn)
if (mao.length > 0) {//判斷對(duì)象是否存在
var pos = mao.offset().top;
var poshigh = mao.height();
$("html,body").animate({ scrollTop: pos-poshigh-30 }, 3000);
}
});

上面就是平滑移動(dòng)到 想要的位置 pos-poshigh-30 這個(gè)是可以調(diào)整的 我是覺(jué)得減到30畢竟好~~

很簡(jiǎn)單的效果 不上代碼例子了 自己寫(xiě)著玩~

相關(guān)文章

最新評(píng)論