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

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

HTML+CSS تېخنىكىسى
باھا:4 دانە
2012-04-25
1,959
پرېستان

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

ئۇزۇندىن بۇيان مۇشۇنداق بىر ئىقتىدارنى بلوگىمغا قوشسام دەپ ئويلاپ يۈرگەن، مەن سەكرەپ چىقىدىغان رامكىنى نېمە قىلىمەن بىلەمسىلەر؟ بىلمىسەڭلار قۇلاق سېلىڭلار، بلوگ باشبەتنىڭ مەلۇم بىر بۇلۇڭىغا بىر كۇنۇپكىنى ئورۇنلاشتۇرۇپ قويۇپ، چەككەندىن كېيىن ئارقا سۇپىغا كىرىش ئېغىزى ياسىماقچى، بۇنداق بولغان ھەر قېتىم 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();});    //关闭层
 });

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

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

1-2 HTML بىلەن CSS نىڭ مۇناسىۋىتى

2015-يىلى 01-ئاينىڭ 12-كۈنى
1-1 كود ھەققىدە دەسلەپكى چۈشەنچە، مېنىڭ تۇنجى بېتىم

2015-يىلى 01-ئاينىڭ 12-كۈنى
CSS تا IE نىڭ نەشىرلىرىنى پەرقلەندۈرۈش

2012-يىلى 10-ئاينىڭ 29-كۈنى
تور بەتلەرنى ھەرقايسى تور كۆرگۈچلەردە ئۇيغۇرچە كۆرسىتىش(EOT ۋە CSS)

2012-يىلى 10-ئاينىڭ 22-كۈنى

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

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

ۋاھ ھۈنەرلەر فەچەت!!!
بىرھون | 19:04 | 2012.10.2 جاۋاب

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

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

چېكەتكە دەڭ، ھا ھا، مەن ۋاقىت چىقىرىپ يېزىپ قۇياي.
پرېستان | 02:26 | 2012.10.25 جاۋاب

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