HTML+CSS تېخنىكىسى

jQuery ئارقىلىق سەكراپ چىقىدىغان رامكا ياساش

ماقالە مۇندەرىجىسى

ئۇزۇندىن بۇيان مۇشۇنداق بىر ئىقتىدارنى بلوگىمغا قوشسام دەپ ئويلاپ يۈرگەن، مەن سەكرەپ چىقىدىغان رامكىنى نېمە قىلىمەن بىلەمسىلەر؟ بىلمىسەڭلار قۇلاق سېلىڭلار، بلوگ باشبەتنىڭ مەلۇم بىر بۇلۇڭىغا بىر كۇنۇپكىنى ئورۇنلاشتۇرۇپ قويۇپ، چەككەندىن كېيىن ئارقا سۇپىغا كىرىش ئېغىزى ياسىماقچى، بۇنداق بولغان ھەر قېتىم wp-admin دېگەن ئارتۇقچە خەتنى بېسىشتىن قۇتۇلغىلى بولىدۇ، كىم مېنى بۇنداق ھورۇن بولۇپ قالسۇن دەپتىكەن. ئەمما مەزكۇر يازمىدا پەقەتلا html ھالەتتىكى بەتتە سەكرەپ چىقىدىغان رامكا ياساش سۆزلىنىدۇ، ئارقا سۇپىغا كىرىش ئېغىزى ياسىماقچى بولسىڭىز دىققىتىڭىز داۋاملىق بلوگىمدا بولسۇن.

كود يېزىشتىن بۇرۇن ئاۋال ئاستىدىكى Demo نى بېسىپ ئۈنۈمىنى كۆرۈڭ.
Demo
كۆڭلىڭىزگە ياققان بولسا ئشنى باشلاپ كېتەيلى.

1-قەدەم: jquery.js قوشۇش

قانداق قوشۇشنى بىلمىسىڭىز Demo نىڭ ئەسلى كودىنى كۆرۈڭ.

2-قەدەم: HTML قىسىمى تۆۋەندىكىدك:

type="submit" id="layerBtn" value="Meni cheking">
id="layer" style="display: none; ">

Sekrep chiqtim mana


Sekrep chiqtim mana


Sekrep chiqtim mana


Sekrep chiqtim mana


Sekrep chiqtim mana


Sekrep chiqtim mana


Sekrep chiqtim mana


Prestan.net


href="javascript:void(0)" title="Taqash" id="close">X

3- قەدەم: css قىسىمى:

#layer{
width:600px;
height:300px;
background:#ccc;
border:1px solid #aaa;
position:fixed;
_position:absolute;    /* 勉强应付 IE6 */
top:50%;
right:50%;
margin:-150px -300px 0 0;
display:none;    /* 默认不显示 */
}
#close{
position:absolute;
top:0;
right:0;
font:20px/1 Arial;
text-decoration:none;
}

4- قەدەم: JS قوشۇش، چوقۇم jquery.js قوشقان بولىشىڭىز كېرەك.

$(document).ready(function(){
    $('#layerBtn').click(function(){$('#layer').fadeIn();});    //弹出层
    $('#close').click(function(){$('#layer').fadeOut();});    //关闭层
});

تامام، قانداق بولغاندەكمۇ يا؟

مەزكۇر يازمنىڭ خەتكۈچى ، ، ، بىلەن مۇناسىۋەتلىك يازمىلار



4 باھا يېزىلىپ بوپتۇغۇ؟ سىزلا يازمىغان ئوخشايسىز ...

  • ئۇدۇنبەگ | 18:13 | 2012.04.28 جاۋاب

    ۋاھ ھۈنەرلەر فەچەت!!!

  • بىرھون | 19:04 | 2012.10.2 جاۋاب

    رەھمەت. بۇ بولىدىغان ھۈنەركەن، ئاۋۇ بىلوگ ئارقا سەھنىسىگە كىرگىلى بولىدىغان چېكەتكىنى تېزراق تونۇشتۇرڭە! مەنمۇ بەكلا ئېھتىياجلىق شۇنىڭغا.

    • پرېستان | 21:11 | 2012.10.2 جاۋاب

      چېكەتكە دەڭ، ھا ھا، مەن ۋاقىت چىقىرىپ يېزىپ قۇياي. :lol:

    • پرېستان | 02:26 | 2012.10.25 جاۋاب

      چېكەتكە تەييار بولدى، كىرىپ كۆرۈپ بېقىڭ.
      ../blog/the-blog-home-page-shows-login-window.html

باھا يوللاش (قەلب سۆزلىرىڭىزدىن قالدۇرۇپ كىتىڭ)


icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif