亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

jQuery拉動頁面固定頂部顯示，自動消失

2024-09-05 12:18:30

字體：大中小

來源：轉載

供稿：網友

jQuery拉動頁面固定頂部顯示，自動消失，可能ie瀏覽器下有問題，不過火狐什么的都可以運行看效果，一個簡單的網頁特效，也是很常用的“回到頂部”效果，有興趣的看一下。

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>回到頂部：哭泣的小丑</title><script src="/ajaxjs/jquery-1.6.2.min.js"></script><style>html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, input,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;float:left;}select, input, button,button img, label {vertical-align: middle;}body {font:normal 12px/1.5 "Microsoft Yahei","微軟雅黑",Tahoma,Arial,Helvetica,STHeiti; webkit-font-smoothing:antialiased;-moz-font-smoothing: subpixel-antialiased; color:#666;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}em {font-style: normal}select, input, button, button img, label {vertical-align:middle;}input {font-family:"Microsoft Yahei","微軟雅黑";webkit-font-smoothing:antialiased;-moz-font-smoothing: subpixel-antialiased}input, input:focus, button, button:focus, select,textarea, textarea:focus {outline:none; -moz-outline:none; -webkit-outline:none; }input:focus { outline:none; -moz-outline:none; -webkit-outline:none; }textarea {resize:none;}a {color:#666; text-decoration:none;} a:hover {text-decoration:underline;}a:focus {outline:none; -moz-outline:none;-webkit-outline:none;}body {min-width: 960px;}</style><style>body{background:#e7e7e7;}.clearfix:before, .clearfix:after, .container_24:before, .container_24:after { content: '.';   display: block;   overflow: hidden;   visibility: hidden;   font-size: 0;   line-height: 0;   width: 0;   height: 0;}.clearfix:after, .container_24:after {   clear: both; }.Xc_main{width:750px;margin:0 auto;position:relative;}.Xc_left{float:left;}.Xc_left h1{font-size:24px;padding-top:25px;}.Xc_right{float:right;width:600px;}.Xc_right .Xc_list{margin:10px 0 10px 0;}.Xc_list_top,.Xc_list_main{background:#fff;padding:10px;border:1px solid #ccc;}.Xc_list_top{margin-bottom:10px;}.Xc_gg{width:90px;height:90px;border:1px solid #ccc;background:#fff;text-align:center;}.Xc_bottom{height:650px;background:#fff;padding:10px;border:1px solid #ccc;position:relative;}</style></head><script>$(function () {	$(".Xc_list_top").css("width",$(".Xc_list_main").width());    var resetRightPanelPostion = function () {        var msie6 = $.browser.msie && $.browser.version == '6.0' && $.browser.version < 7;        if ($.browser.safari) {            bodyelem = $("body");        } else {            bodyelem = $("html,body");        }        var bodyTop = bodyelem.scrollTop();        var top = $(".Xc_left").offset().top;        //var t = $("#public_footer").offset().top;        var t = $("#footerDestinationBox").offset().top;        //var bottom = $("#footerDestinationBox").offset().top;		for(var i = 0 ; i < $(".Xc_list .Xc_list_top").length ; i++){			if (bodyTop >= top && ((bodyTop + $(".Xc_left").outerHeight()) < t)) {				if (!msie6) {						if (bodyTop + $(".Xc_gg").outerHeight() >= t) {						$(".Xc_gg").removeClass('fixed').css({							"position": "absolute",							"top": t - $(".Xc_gg").outerHeight() + "px"						});					} else {						$(".Xc_gg").css({							"position": "fixed",							"top": 0						});											}				}			} else {				if (!msie6) {					$(".Xc_gg").css({						"position": "static"					});				}			}								if(bodyTop>$(".Xc_list").eq(i).offset().top){				$(".Xc_list_top").eq(i).css({position:"absolute",top:top-168});			 			}			if(bodyTop>$(".Xc_list").eq(i).offset().top){				$(".Xc_list_top").eq(i).css({position:"fixed",top:0});			  			}			if(bodyTop<=$(".Xc_list").eq(i).offset().top){				$(".Xc_list_top").eq(i).css({position:"static",top:0});			}					}    };    window.onload = function () {        if ($(".Xc_gg").length) {            resetRightPanelPostion();            $(window).scroll(function () {                resetRightPanelPostion();            });        }    }	s})</script><body><div   id="j99n9f7"   class="Xc_main clearfix">	<div   id="b99pzpn"   class="clearfix" style="margin-top:90px;float:left;">        <div   id="9rjvh9l"   class="Xc_left">            <div   id="n9bxznn"   class="Xc_gg">                <h1>小丑</h1>                <div style="margin-top:40px;">Q群:<em style="color:#0069D6;">150508281</em></div>            </div>                    </div>    </div>    <div   id="ft99xjz"   class="Xc_right clearfix">    	<div   id="jr1v9l9"   class="Xc_list">        	<div   id="dt9fbp9"   class="Xc_list_top" id="Xc_list_top">top 1</div>            <div   id="91b9hzp"   class="Xc_list_main" style="height:300px;background:#fff;">                        </div>        </div>        <div   id="71vpjhh"   class="Xc_list">        	<div   id="91z9n91"   class="Xc_list_top">top 2</div>            <div   id="pp9jd9n"   class="Xc_list_main" style="height:300px;background:#fff;">                        </div>        </div>        <div   id="fvjdvtj"   class="Xc_list">        	<div   id="lb99h9t"   class="Xc_list_top">top 3</div>            <div   id="r9x9tlb"   class="Xc_list_main" style="height:300px;background:#fff;">                        </div>        </div>        <div   id="vbhdxl9"   class="Xc_list">        	<div   id="l9jd9dx"   class="Xc_list_top">top 4</div>            <div   id="9dfbttr"   class="Xc_list_main" style="height:300px;background:#fff;">                        </div>        </div>        <div   id="fv99lr9"   class="Xc_list">        	<div   id="9h91h9b"   class="Xc_list_top">top 5</div>            <div   id="n9jnxvl"   class="Xc_list_main" style="height:300px;background:#fff;">                        </div>        </div>        <div   id="tj9d9vt"   class="Xc_list">        	<div   id="9lnp1d9"   class="Xc_list_top">top 6</div>            <div   id="d99z99l"   class="Xc_list_main" style="height:300px;background:#fff;">                        </div>        </div>    </div></div><div   id="99rjv9b"   class="Xc_bottom clearfix"  id="footerDestinationBox">	<div style="position:absolute;top:40px;right:50px;"> by 藍色理想 @哭泣的小丑</div></div></body></html>

上一篇：JS模擬抽獎效果

下一篇：網頁特效：花俏的轉動的窗口

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

欧美色道久久88综合亚洲精品| 狠狠色狠狠色综合日日五| 亚洲偷熟乱区亚洲香蕉av| 国产精品视频中文字幕91| 欧美综合在线观看| 亚洲国产精品一区二区三区| 日韩成人中文电影| 色妞色视频一区二区三区四区| 91精品视频在线免费观看| 91精品综合视频| 亚洲精品视频播放| 亚洲欧洲日韩国产| 亚洲一区二区少妇| 日韩一区二区久久久| 一区二区三区国产视频| 亚洲福利视频在线| 日韩中文字幕av| 久久久久久国产| 久久天天躁狠狠躁老女人| 亚洲久久久久久久久久| 91精品久久久久久久久久久久久| 欧美精品福利在线| 91香蕉亚洲精品| 久久99视频精品| 国产精品一区二区三区在线播放| 亚洲综合色激情五月| 日韩av手机在线看| 国产精品91免费在线| 日韩免费在线免费观看| 日韩一区二区福利| 国产精品老牛影院在线观看| 亚洲在线免费观看| 国产丝袜一区视频在线观看| 亚洲理论在线a中文字幕| 2019亚洲男人天堂| 久久精品国产久精国产一老狼| 九九九热精品免费视频观看网站| 中文字幕精品av| 欧美成在线视频| 精品久久在线播放| 国产精品福利观看| 中文字幕精品www乱入免费视频| 伊人精品在线观看| 97涩涩爰在线观看亚洲| 日韩国产高清污视频在线观看| 97在线免费观看视频| 97国产成人精品视频| 日韩有码在线电影| 美日韩精品视频免费看| 久久国产精品久久久久久久久久| 国产精品成人一区二区| 久久精品国产清自在天天线| 欧美激情精品久久久久久黑人| 日本成人精品在线| 亚洲色图综合久久| 亚洲人成网站999久久久综合| 日韩国产激情在线| 国产aⅴ夜夜欢一区二区三区| 2019亚洲日韩新视频| 精品亚洲va在线va天堂资源站| 国产精品久久久久久久久久久久久| 亚洲最大av在线| 欧美激情久久久久久| 日韩一区二区精品视频| 欧美日韩激情网| 97在线精品国自产拍中文| 精品久久久久久久中文字幕| 久久久久久久久亚洲| 日韩中文字幕在线观看| 国产美女高潮久久白浆| 欧美性猛交xxxx乱大交极品| 国产精品青青在线观看爽香蕉| 8x海外华人永久免费日韩内陆视频| 精品国偷自产在线视频| 亚洲成人激情在线| 亚洲第一精品久久忘忧草社区| 国产精品男人爽免费视频1| 欧美视频在线免费| 午夜精品一区二区三区在线视| 国产精品wwwwww| 久久伊人色综合| 亚洲国产另类久久精品| 日韩av一区在线观看| 久久五月情影视| 一区二区亚洲精品国产| 69av成年福利视频| www.99久久热国产日韩欧美.com| 成人黄色短视频在线观看| 久久久精品国产网站| 国产成人午夜视频网址| 欧美激情在线狂野欧美精品| 亚洲美女在线视频| 亚洲欧美中文日韩在线v日本| 色综合天天狠天天透天天伊人| 91免费看国产| 欧美多人乱p欧美4p久久| 国产成人综合精品在线| 日韩欧美国产激情| 91黑丝高跟在线| www.日韩欧美| 一本色道久久综合亚洲精品小说| 91精品国产精品| 亚洲xxxxx性| 久久久久久久久电影| 成人有码在线播放| 欧美日韩高清在线观看| 庆余年2免费日韩剧观看大牛| 欧美性猛交xxxx免费看漫画| 国产精品99久久久久久白浆小说| 欧美日韩性视频在线| 日韩激情第一页| 亚洲一区二区三区乱码aⅴ蜜桃女| 国产在线观看一区二区三区| 亚洲欧美精品一区二区| 九九久久久久99精品| 欧美日韩一二三四五区| 国产欧美精品xxxx另类| 日韩av在线资源| 久久男人的天堂| 国产一区二区三区三区在线观看| 色综合天天狠天天透天天伊人| 国产精品视频中文字幕91| 国产国语刺激对白av不卡| 欧美日韩亚洲激情| 欧美日韩福利电影| 国产91在线高潮白浆在线观看| 国产日产亚洲精品| 91影院在线免费观看视频| 国产va免费精品高清在线| 国产精品天天狠天天看| 日本欧美中文字幕| 国产一区二区丝袜| 国产精品7m视频| 久久成年人免费电影| 性欧美办公室18xxxxhd| 亚洲大胆人体视频| 国产精品高潮呻吟久久av野狼| 欧美日韩爱爱视频| 欧美性猛交xxxxx水多| 国产免费亚洲高清| 一区二区三区视频免费在线观看| 欧美精品免费在线观看| 久久久在线免费观看| 欧美一级在线播放| 午夜精品久久17c| 91国产精品91| 亚洲精品午夜精品| 亚洲大尺度美女在线| 茄子视频成人在线| 久久亚洲精品毛片| 最近2019中文字幕在线高清| 美女性感视频久久久| 欧美日韩在线另类| 欧美日韩亚洲成人| 亚洲老板91色精品久久| 亚洲最新av在线| 日韩在线视频二区| 欧美午夜美女看片| 成人免费在线网址| 日韩小视频在线观看| 国产成人鲁鲁免费视频a| 中文字幕成人精品久久不卡| 成人黄色免费网站在线观看| 国产精品无av码在线观看|