国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院

首頁 > 擴展 > jQuery > 正文

jquery實現頁面內鏈接錨點跳轉平滑滾動效果

2024-09-06 20:04:40
字體：大 中 小
來源：轉載
供稿：網友

以下為完整演示代碼，測試環境：ie8、firefox和chrome。注意你的jquery.min.js文件調用。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>jquery實現錨點跳轉平滑滾動效果</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/JavaScript">
$(document).ready(function() {
    $('a[href*=#]').click(function() {
        if (location.pathname.replace(/^///, '') == this.pathname.replace(/^///, '') && location.hostname == this.hostname) {
            var $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
            if ($target.length) {
                var targetOffset = $target.offset().top;
                $('html,body').animate({
                    scrollTop: targetOffset
                },
                1000);
                return false;
            }
        }
    });
});
</script>
</head>

<body>

<p>0</p>
<p id="top">top</p>
<p><a href="#bottom">bottom</a></p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p>0</p>
<p id="bottom">bottom</p>
<p><a href="#top">top</a></p>
<p>0</p>


</body>

</html>

效果應用演示：http://www.shentouji.com

測試說以上代碼在Opera瀏覽器下有些問題，以下是網友提供的Opera下的補丁代碼：

$body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');

更多jquery網頁特效請點擊此處

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院
av在线资源网| 中文字幕人成高视频| 国产免费福利| 亚洲综合在线不卡| 99re热在线观看| 亚洲综合在线免费| av在线资源网| 天天av综合网| 超碰国产在线观看| 最新亚洲精品国自产在线观看| 久久久久久日本一区99| 开心婷婷激情五月| 国产羞羞视频| 国产高清在线a视频大全| 亚洲精品自拍区在线观看| 羞羞视频在线免费看| 狠狠插狠狠操| 成人欧美亚洲| 国产在线精品一区二区不卡| 黄色av免费在线| 91精品专区| 天堂资源最新在线| 免费在线黄色av| 国产成人亚洲欧美电影| 日本福利午夜视频在线| 国产馆av播放| 国产免费电影网站入口| www.91在线播放| 在线中文字幕资源| √天堂中文在线| 黄污在线观看| 青青久草在线| 欧美性猛交xxxx免费看蜜桃 | 国产区视频在线| 爱福利在线视频| 国产精品入口麻豆免费看| 狠狠操狠狠色| 看成年女人免费午夜视频| 在线观看午夜av| 在线视频观看亚洲| 亚洲一区免费在线| 香蕉视频免费在线播放| 97视频在线| 国产馆av播放| 国产成人精品实拍在线| 国产高潮av| 国产一二三视频| 国产综合视频一区二区三区免费| 香蕉视频在线观看网站| gogo在线高清视频| 麻豆精品传媒视频观看| 开心丁香婷婷深爱五月| 国产美女av| 国产福利片在线| 精品入口麻豆传煤| av在线免费播放| 九九热在线观看视频| 二区三区中文字幕| 尤物视频在线免费观看| 国产精品自产拍在线观看2019| 黄色在线视频观看网站| 国产主播福利在线| 中文字幕国产欧美| 中文字幕av高清| 国产乱xxⅹxx国语对白| 国产情侣高潮对白| www.综合网.com| 国产污污在线观看| 香蕉视频网站在线播放| 国产美女一区视频| 在线看黄网站| 国产一二三视频| eeuss在线观看| 最新超碰在线| 日韩精品免费一区二区| 国产污污在线观看| 啪啪免费视频一区| 国产极品视频| 国产尤物视频| 亚洲精品天堂在线| 国产精品va在线观看视色| xxxxx中文字幕| 国产福利在线视频| 五月婷婷开心综合| 九九精品九九| 午夜小视频在线| 国产第一页在线| 五月婷婷在线视频| 成 人免费视频播放| 精品欧美日韩一区二区| 日本最新在线视频| av资源网站在线观看| 91最新在线| 国产图片综合| 中文字幕在线视频免费观看| 超碰在线观看免费| 九九热在线观看视频| 日本电影在线观看| 天天插天天操| 日本成a人片在线观看| 在线观看wwww| 中文字幕av在线| 在线一二三区| 在线国产一级| 亚洲一道本在线| 亚洲视频手机在线观看| 国产激情视频在线| 国产福利电影在线观看| 国产黄色一级片| 中文资源在线官网| 青青草原av在线| 国产尤物视频| 国产网站av| 精品亚洲综合| 四虎成人精品在永久在线观看| a视频在线观看免费| 高清视频一区二区三区四区| 国产一区二区三区美女秒播| 国产精品久久久久一区二区国产| 91在线视频免费看| 欧美黑人乱大交| 最新超碰在线| 96精品视频| 国产美女福利在线| 97在线免费| 福利视频网址导航| 精品卡一卡卡2卡3网站| 久久精品最新免费国产成人| 国产日韩网站| 欧美午夜电影一区二区三区| 国产区视频在线| 欧洲亚洲精品视频| 国产youjizz在线| 中文字幕中文字幕在线中高清免费版 | 91超碰国产在线| 国产超碰精品在线观看| 欧美性猛交xxxxbbbb| 97福利电影| 五月婷婷在线观看| www在线播放| 国产黄色大片在线观看| 另类高清dbsm日本tvav| 国产jizz| 99热在线免费观看| 午夜在线视频| 18成年在线观看| 国产九色porn网址| 丁香在线视频| 国产麻豆精品高清在线播放| av文字幕在线观看| 一本大道香蕉8中文在线视频| 国产精品入口麻豆高清| 国产又色又爽又黄刺激在线视频| 亚洲欧美精选| 亚洲免费网站在线观看| 精品a在线观看| 中文产幕区在线观看| 国产黄大片在线观看画质优化| 国产亚av手机在线观看| 黄色片av在线| 在线91av| 国产精品美女一区二区三区四区| 午夜av在线免费观看| 国产小视频在线播放| 国产一区电影| 国产三级香港三韩国三级| 国产私人影院| 91在线网址| av在线免费观看网| 麻豆精品视频入口| 激情亚洲综合网| 最近中文av字幕在线中文| 中文字幕在线播放网址| 精品麻豆国产| 午夜影院免费看| 人人在线视频| 国产午夜精品一区理论片| 2020中文字幕在线播放 | 在线亚洲电影| 日本高清不卡中文字幕 | 最近中文字幕大全中文字幕免费| 国产精品偷乱一区二区三区| www在线观看播放免费视频日本| 亚洲精品久久久成人| 国产馆av播放| 四虎影视成人永久免费观看视频| 国产成人午夜| av在线首页| 国产精品一区牛牛影视| av二区三区| 狠狠操视频网站| 国产成人天天5g影院| 日本三级在线视频| 中文字幕视频在线| 亚洲精品影视在线| 国产三区四区在线观看| 日本成a人片在线观看| 中文字幕在线免费观看| 免费高清av| 99在线播放|