Huslen-гийн зар оруулах script
uka9253 гишүүний хүсэлтээр хүслэн.ком-ийн зар оруулах буланг хүргэж байна.
 
Доорхи улаанаар тэмдэглэсэн хэсгийг солихоо мэдэж байгаа биз дээ... http://www.huslen.com/homepage/images/4.jpg-ийг өөрийн тавих гэж байгаа зургаараа солино г.м.
Та энд дарж туршилтын хувилбарыг үзнэ үү. 
 
Сode:
<link type="text/css" rel="StyleSheet" href="http://www.huslen.com/homepage/css/style.css">
</script>
<br><br><br><br>
</script>
<script type="text/javascript">
disableSelection(document.body) //disable text selection on entire body of page
</script>
<ul id="sdt_menu" class="sdt_menu">
 <li>
 <a href="/board">
 <img style="overflow: hidden; display: block; left: 85px; width: 0px; height: 0px;" src="http://www.huslen.com/homepage/images/4.jpg" alt="">
 <span style="overflow: hidden; height: 0px; display: block;" class="sdt_active"></span>
 <span style="top: 25px;" class="sdt_wrap">
 <span class="sdt_link">Таны линк</span>
 <span class="sdt_descr">www.bidniih.com !!!!!</span>
 </span>
 </a>
 <div style="display: none; left: 0px;" class="sdt_box">
 <a href="/board">Таны линк 1</a>
 <a href="/board/0-0-0-0-1">Таны линк 2</a>
 
 </div>
 </li>
 
 
 
<!-- The JavaScript -->
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="http://www.huslen.com/homepage/jquery.easing.1.3.js"></script>
 <script type="text/javascript">
 $(function() {
 /**
 * for each menu element, on mouseenter, 
 * we enlarge the image, and show both sdt_active span and 
 * sdt_wrap span. If the element has a sub menu (sdt_box),
 * then we slide it - if the element is the last one in the menu
 * we slide it to the left, otherwise to the right
 */
 $('#sdt_menu > li').bind('mouseenter',function(){
 var $elem = $(this);
 $elem.find('img')
 .stop(true)
 .animate({
 'width':'170px',
 'height':'170px',
 'left':'0px'
 },400,'easeOutBack')
 .andSelf()
 .find('.sdt_wrap')
 .stop(true)
 .animate({'top':'140px'},500,'easeOutBack')
 .andSelf()
 .find('.sdt_active')
 .stop(true)
 .animate({'height':'170px'},300,function(){
 var $sub_menu = $elem.find('.sdt_box');
 if($sub_menu.length){
 var left = '170px';
 if($elem.parent().children().length == $elem.index()+1)
 left = '-170px';
 $sub_menu.show().animate({'left':left},200);
 } 
 });
 }).bind('mouseleave',function(){
 var $elem = $(this);
 var $sub_menu = $elem.find('.sdt_box');
 if($sub_menu.length)
 $sub_menu.hide().css('left','0px');
 
 $elem.find('.sdt_active')
 .stop(true)
 .animate({'height':'0px'},300)
 .andSelf().find('img')
 .stop(true)
 .animate({
 'width':'0px',
 'height':'0px',
 'left':'85px'},400)
 .andSelf()
 .find('.sdt_wrap')
 .stop(true)
 .animate({'top':'25px'},500);
 });
 });
</script>

 

 

 



1174 2012-09-09
Уучлаарай, зөвхөн бүртгэлтэй хэрэглэгч сэтгэгдэл бичих эрхтэй


Сошиал сүлжээ ашиглан нэвтрэх
Зураг
bilguun2013-01-02

admina medee haragdah helber hiisen jin bolohq bna. app entries hiisen chin 1 tomoor 1 n jijgeer bolood muuhai haragdaad bna
Зураг
uka Admin2012-09-09

tnx