如何制作溢出链接？

你如何创建一个链接，当按下时，显示更多的信息，而无需重新加载页面？（我相信这是所谓的溢出？）如何制作溢出链接？

一个例子是在这里：

https://market.android.com/details?id=com.jiwire.android.finder&feature=featured-apps

下单击说明部分更多按钮，更加说明显示，整个网页的内容滑下WITHOUT需要重新加载

谢谢！

2011-09-04 01jayss

利用这个

<!DOCTYPE html> 
    <html> 
    <head> 
     <style> 
    div { background:#de9a44; margin:3px; width:80px; 
    height:40px; display:none; float:left; } 
    </style> 
     <script src="http://code.jquery.com/jquery-latest.js"></script> 
    </head> 
    <body> 
     Click me! 
    <div></div> 
    <div></div> 
    <div></div> 
    <script> 
    $(document.body).click(function() { 
    if ($("div:first").is(":hidden")) { 
    $("div").slideDown("slow"); 
    } else { 
    $("div").hide(); 
    } 
    }); 

    </script> 

<script> 
    $(document.body).click(function() { 
    if ($("div:first").is(":hidden")) { 
     $("div").show("slow"); 
    } else { 
     $("div").slideUp(); 
    } 
    }); 

    </script> 
    </body> 
    </html>

来源

2011-09-04 20:42:59 Mal

如果需要向上滑动，以及，'$（ '格'）的slideToggle（ '慢'）'就足够了。 – pimvdb

给我一分钟 – Mal

http://jsfiddle.net/bKPv6/ :) – pimvdb

如何制作溢出链接？

回答

相关问题