Unaweza kuunda urambazaji rahisi na wa angavu kwenye wavuti ukitumia viungo. Mbinu hii hukuruhusu kufanya kukaa kwa mtumiaji kwenye kurasa za rasilimali iwe vizuri iwezekanavyo.
Maagizo
Hatua ya 1
Kiungo chochote kimeundwa kwa kutumia lebo ambayo lazima ifungwe nayo. Anwani ya ukurasa imeonyeshwa kwa nukuu baada ya sifa ya href. Matokeo yake yanapaswa kuwa kama hii:
Tovuti
Nenda kwenye matunzio ya picha
Ili kuelekea kwenye ukurasa uliopo kwenye nafasi ya mtandao, onyesha anwani yake, kwa mfano, KakProsto.ru. Ili kuungana na faili ya html kwenye kompyuta yako, andika njia hiyo. Kwa kweli, inashauriwa kubadili Kiingereza ili kuondoa rekodi ndefu zinazoibuka wakati wa kunakili maandishi ya Kirusi na tafsiri yake inayofuata katika muundo unaohitajika. Kwa mfano, faili: /// E: /% D0% A3% D1% 87% D0% B5% D0% B1% D0% B0 / XXX% 20% D0% BF% D0% B0% D0% BF% D0% BA% D0% B0 /% D1% 81% D0% B0% D0% B9% D1% 82% 29% 29% 29/11% 20% D1% 81% D1% 82% D1% 80% 20% D1% 80 % D0% B0% D0% B7% D0% BD% D0% BE% D0% B5 /% D0% BE% D0% B1% D0% BE% 20% D0% B2% D1% 81% D0% B5% D0% BC% 20% D0% B3% D0% BB% D0% B0% D0% B2% D0% BD% D0% B0% D1% 8F.html"
Hatua ya 2
Kiungo kinaweza kuwekwa kwa njia ya picha. Ili kufanya hivyo, funga picha kati ya na vitambulisho. Ili kufungua kielelezo kamili cha saizi kubwa wakati unapita juu ya ikoni ndogo, unahitaji kutumia kundi.
Ili kupanga mabadiliko mengine ya picha, ambayo kila moja itawasilishwa kama kiunga na kusababisha kurasa tofauti, tumia nambari:
Tovuti
div # rotator {nafasi: jamaa; urefu: 150px; pambizo-kushoto: 15px;}
div # rotator ul li {kuelea: kushoto; msimamo: kabisa; mtindo wa orodha: hakuna;}
div # rotator ul li. onyesha {z-index: 500;}
fanya kaziRotator () {
$ ('div # rotator ul li'). css ({opacity: 0.0});
$ ('div # rotator ul li: kwanza'). css ({opacity: 1.0});
setInterval ('zungusha ()', 5000);
}
kazi zungusha () {
$ ya sasa = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: first'));
var next = ((current.next (). length)? ((current.next (). hasClass ('show'))? $ ('div # rotator ul li: kwanza'): current.next ()): $ ('div # rotator ul li: kwanza'));
// var sibs = sasa.ndugu ();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var ijayo = $ (sibs [rndNum]);
next.css ({opacity: 0.0})
.ddClass ('onyesha')
uhai ({opacity: 1.0}, 1000);
sasa.animate ({opacity: 0.0}, 1000)
OndoaClass ('onyesha');
};
$ (hati) tayari (kazi () {
Rotator ();
});
Hatua ya 3
Ili ukurasa ambao kiunga kinaongoza kufungua kwenye dirisha tofauti, lazima uongeze sifa: Nenda.
Hatua ya 4
Ikiwa hati ya html ni ndefu sana, basi unaweza kuweka viungo ndani yake. Kwa mfano, mwanzoni kabisa, unaweza kutengeneza jedwali la yaliyomo, na unapobofya kichwa maalum, mtumiaji atahamia sehemu inayotakiwa ya ukurasa. Ili kufanya hivyo, unahitaji kusajili kiunga na ikoni ya #: Nenda kwenye sehemu na uunda alamisho kwenye viungo: Sehemu.
Itaonekana kama hii:
Tovuti
Unganisha na sehemu
Sehemu
