|
|
|
|
مىكرو بلوگ ھازىر تور دۇنياسىدىكى مودا پروگراممىغا ئايلىنىپ قالدى، تكۋەندە مەن دىسكازنىڭ مىكرو بلوگ قىسمىنى باش بەتكە تارتىپ چىقىرىپ دۇمىلىتىش ئۇسۇلىنى تونۇشتۇرىمەن، قارىسام خەنچە بېكەتلەر بۇ جايدىن شۇنداق ياخشى پايدىلىنىپتۇ، ئۈنۈمىمۇ ياخشىكەن، ئورۇننىمۇ ئىگىلىمەيدىكەن، ھەم نۆۋەتتىكى مىكرو بلوگ قىزغىنلىقى دەۋرىدە مودىغا ماسلىشالايدىكەن.
مەن چۈشەندۈرمەكچى بولغان «مىكرو بلوگنى باش بەتتە دۇمىلىتىش»نىڭ شەكلى تۆۋەندىكىدەك
ئۈنۈمىنى كۆرۈپ باقماقچى بولسىڭىز http://www.kroran.net/ud/portal.php غا كىرىپ بەتنىڭ ئاستى تەرىپىگە سۈرۈپ كۆرۈڭ.
بۇنى ئەمەلگە ئاشۇرۇش ئۇسۇلى:
Diy ئارقىلىق بىر خاتىرە بۆلىكى قوشۇۋېلىڭ ئاندىن بۆلەك قېلىپىنى بېسىپ ئەسلىدىكى كودلارنىڭ ئورنىغا تۆۋەندىكى كودلارنى ئالماشتۇرۇڭ. - <style type="text/css">
- ul,li{list-style:none;}
- .wplck{position:relative;height:285px;overflow:hidden;margin:0px auto; }
- .sliderlck{position:absolute;width:98%;}
- .fllck{float:right;}
- .sliderlck img{display:block;padding:2px;border:1px solid #ccc;}
- .sliderlck li{padding:5px 0;border-bottom:1px dashed #ccc;overflow:hidden;width:100%;}
- .sliderlck p{font-size:11pt;padding-right:46px;color:#666;direction:rtl;line-height:18px;}
- </style>
- <script type="text/javascript">
- function H$(i) {return document.getElementById(i)}
- function H$$(c, p) {return p.getElementsByTagName(c)}
- var sliderlck = function () {
- function init (o) {
- this.id = o.id;
- this.at = o.auto ? o.auto : 3;
- this.o = 0;
- this.pos();
- }
- init.prototype = {
- pos : function () {
- clearInterval(this.__b);
- this.o = 0;
- var el = H$(this.id), li = H$$('li', el), l = li.length;
- var _t = li[l-1].offsetHeight;
- var cl = li[l-1].cloneNode(true);
- cl.style.opacity = 0; cl.style.filter = 'alpha(opacity=0)';
- el.insertBefore(cl, el.firstChild);
- el.style.top = -_t + 'px';
- this.anim();
- },
- anim : function () {
- var _this = this;
- this.__a = setInterval(function(){_this.animH()}, 20);
- },
- animH : function () {
- var _t = parseInt(H$(this.id).style.top), _this = this;
- if (_t >= -1) {
- clearInterval(this.__a);
- H$(this.id).style.top = 0;
- var list = H$$('li',H$(this.id));
- H$(this.id).removeChild(list[list.length-1]);
- this.__c = setInterval(function(){_this.animO()}, 20);
- //this.auto();
- }else {
- var __t = Math.abs(_t) - Math.ceil(Math.abs(_t)*.07);
- H$(this.id).style.top = -__t + 'px';
- }
- },
- animO : function () {
- this.o += 2;
- if (this.o == 100) {
- clearInterval(this.__c);
- H$$('li',H$(this.id))[0].style.opacity = 1;
- H$$('li',H$(this.id))[0].style.filter = 'alpha(opacity=100)';
- this.auto();
- }else {
- H$$('li',H$(this.id))[0].style.opacity = this.o/100;
- H$$('li',H$(this.id))[0].style.filter = 'alpha(opacity='+this.o+')';
- }
- },
- auto : function () {
- var _this = this;
- this.__b = setInterval(function(){_this.pos()}, this.at*1000);
- }
- }
- return init;
- }();
- </script>
- </head>
- <div class="wplck">
- <ul id="sliderlck" class="sliderlck">
- [loop]
- <li>
- <a class="fllck" href="home.php?mod=space&uid={uid}" {target}><img src="{avatar}" width="33" height="33" alt="{username}" /></a>
- <p><a href="home.php?mod=space&uid={uid}" title="{username}"{target}>{username}</a>:{title}</p>
- <p><em class="xg1 xw0">{dateline}</em> <a style="color:#6EAFD5" href="{url}"{target}>[ئىنكاس]</a></p>
- </li>
- [/loop]
- </ul>
- </div>
- <script type="text/javascript">
- new sliderlck({id:'sliderlck'})
- </script>
مەزمۇننى كۆچۈرۈۋېلىش
|
|
|
|
|
|