Thêm nút "lên trên - xuống dưới" với hiệu ứng ẩn hiện chuyên nghiệp - WAPCHIASE24H /* Sitemap by Showdzgn.com */
Thêm nút "lên trên - xuống dưới" với hiệu ứng ẩn hiện chuyên nghiệp
Thêm nút "lên trên - xuống dưới" với hiệu ứng ẩn hiện chuyên nghiệp
Thêm nút "lên trên - xuống dưới" với hiệu ứng ẩn hiện chuyên nghiệp 
Nút lên trên, xuống dưới giúp bạn đọc blog của bạn có thể di chuyển trên blog một cách nhanh nhất, cách làm cũng khá đưn giản. Bạn thực hiện theo các bước sau.



Thêm đoạn code sau trước thẻ ]]></b:skin>#gotop{cursor:pointer;width:30px;height:30px;position:fixed !important; position:absolute;z-index:999;text-indent:-9999px; border:1px solid #144F69;background-color:#067BAF; background-image:-webkit-radial-gradient(ellipse at center top,#2493C4,#086A95); background-image:-moz-radial-gradient(ellipse at center top,#2493C4,#086A95); background-image:-ms-radial-gradient(ellipse at center top,#2493C4,#086A95); background-image:-o-radial-gradient(ellipse at center top,#2493C4,#086A95); background-image:radial-gradient(ellipse at center top,#2493C4,#086A95); -webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black; -moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black; box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black; -webkit-border-radius:10px 0 0 0;-moz-border-radius:10px 0 0 0; border-radius:10px 0 0 0;overflow:hidden} #gotop:hover:after{border-bottom-color:white} #gotop:after{content:&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;;display:block;width:0;height:0; border-width:10px 4px;border-style:solid; border-color:transparent transparent #C3D1D7 transparent; position:absolute;top:0;left:11px} #gobottom{cursor:pointer;width:30px;height:30px;position:fixed!important; position:absolute;top:26px;right:0;z-index:99;text-indent:-9999px; border:1px solid #144F69;background-color:#067BAF; background-image:-webkit-radial-gradient(ellipse at center top,#2493C4,#086A95); background-image:-moz-radial-gradient(ellipse at center top,#2493C4,#086A95); background-image:-ms-radial-gradient(ellipse at center top,#2493C4,#086A95); background-image:-o-radial-gradient(ellipse at center top,#2493C4,#086A95); background-image:radial-gradient(ellipse at center top,#2493C4,#086A95); -webkit-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black; -moz-box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black; box-shadow:inset 0 0 0 1px #2493C4,0 1px 3px black; -webkit-border-radius:0 0 0 10px;-moz-border-radius:0 0 0 10px; border-radius:0 0 0 10px;overflow:hidden} #gobottom:hover:after{border-top-color:white} #gobottom:after{content:&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;;display:block;width:0;height:0; border-width:10px 4px;border-style:solid; border-color:#C3D1D7 transparent transparent transparent; position:absolute;top:10px;left:11px}Thêm đoạn code sau trước thẻ </body><script type='text/javascript'> //<![CDATA[ $(window).scroll(function () { if ($(this).scrollTop() > 100) { $("#gotop").removeAttr("href"); $("#gotop").stop().animate({ bottom: "0", right: "0" }, { duration: 800, queue: false }) } else { $("#gotop").stop().animate({ bottom: "-50", right: "-50" }, { duration: 1000, queue: false }) } if ($(this).scrollTop() > 100) { $("#gobottom").removeAttr("href"); $("#gobottom").stop().animate({ top: "-50", right: "-50" }, { duration: 800, queue: false }) } else { $("#gobottom").stop().animate({ top: "0", right: "0" }, { duration: 1000, queue: false }) } }); $(function () { $("#gotop").click(function () { $("html, body").animate({ scrollTop: 0 }, "slow"); return false }) $("#gobottom").click(function () { $("html, body").animate({ scrollTop: $('#footer').offset().top }, 970); return false }) }); //]]> </script> <a id="gotop" style="bottom: -50px; right: -50px;">Lên Trên!</a> <a id="gobottom" style="top: 0px; right: 0px;">Xuống Dưới!</a>Chỉ đơn giản vậy thôi, chúc bạn thành công!
Chào các bạn đến với blog truyện tổng hợp của mình nhé !
  • Facebook
  • WhatsApp
  • Instagram
  • Subscribe Our Newsletter

    Posting Terkait

    0 Response to "Thêm nút "lên trên - xuống dưới" với hiệu ứng ẩn hiện chuyên nghiệp"

    Đăng nhận xét

    Giới thiệu bản thân

    Thống kê

    43,461
    716 bài viết 67 nhận xét

    Đăng nhận xét

    Menu mobi

    NHÃN

    8vui.top (1) Anime (1) Anime641 (1) Bác sĩ window (6) Bts (1) Canhme (1) Choionline (1) chuyện thú vị (1) Code bán hosting cPanel (1) Code banghoi (1) Code blog php (6) code bot like (2) Code Dinhluyen (1) Code Forum JohnCMS 6.1.2 Mod By Chuối (1) Code Forum JohnCMS Vinajohn v2 (1) Code game Đại Anh Hùng (1) Code game Gunny (1) Code game Naruto (1) Code Link Protect Groups Facebook By Chuoi (1) Code MXH JohnCMS Userviet v3 (1) Code ovigame (1) Code sim (1) code tin tức (1) Code Vnhihi (1) Code Wap Game JohnCMS LOL (1) Date a live (2) Diendanvn (1) Dnfamily (1) emoji facebook blogger (1) Game (1) Gocpho (3) Hadpro (3) Hi4u (1) Imzik Template (1) Johncms (83) Johncms mod twitter (1) KB Template (1) Lebalongit (1) leminhut (1) M3v (1) Mefun (2) Modjohncms (1) MrT79 (1) nhanhnao code (1) nukeviet (2) olaVn (1) Phieubac code (2) phonho (1) Sao (1) Scam (2) scoure code upload (3) Source Web Chat Realtime ReactJS + Firebase (1) Star An Blog (1) Star Năm It (1) Start cường it (2) Sword art online (1) Teaavartar (1) Teen10x (1) Templat (1) template anime (10) Template blogger (185) template code đây rồi (2) template facebook (2) template nghĩa rồng blog (2) Template NPC (1) template phim (25) Template php (152) Template rút gọn link (1) Template shop bán nick lmht (1) template shop bán nick ngọc rồng (4) template star sinh blog (1) template star tuấn it (1) template thảo blogger (1) Template truyện (4) template TV (2) Template Vietblogger (1) Template wordpess (4) template youtube (1) tenki no ko (5) Tên Tiếng Nhật (2) Tết (1) Thanhstar code (1) Thủ thuật (287) Tin anime (67) Tin tức hay (1) Toàn siêu nhân (2) Top 10 anime hấp dẫn dựa trên tác phẩm văn học nổi tiếng (2) TuoiTre4v (1) Văn hoá Nhật Bản (4) Văn Huy ít (1) Vietfun (1) VietVina (1) Việt hoá (1) Vina4u (4) Vina4z (2) Vinajohn (2) Vinajohn vina (1) vlogstips (1) Vnbay code (1) Vnstar (1) Vnteam code (2) Vnteen code (1) Vtjohn (1) Wapchiase24h (1) Xenforo (1) Ya4r (1) Yeudehon (1) Youkoso Jitsuryoku Shijou Shugi (1) Z777 (2) Zzui 1.5 (1)

    Topst

    Đang tìm kiếm...

    Trang

    Recent Posts

    Liên kết website

    Website có sử dụng nguồn video được chia sẻ từ PhimMoi, Bilutv, Phimbathu,KPhim, Youtube... chúng tôi không giữ bản quyền về bất cứ nội dung trên website.

    Business

    [3,Demo,post-tag]

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Quảng cáo

    Quảng cáo bài viết