0
我開始使用JQDock,除了在< IE8中,它對我很好。在那裏,所有的圖像都顯示在他們的消耗狀態,所有的都被碾壓在一起,我沒有得到翻滾的效果。我找不到任何其他信息,所以我假設我只是發了一些東西,因爲它似乎不是一個常見問題。JQdock問題在IE8和更低版本
下面的代碼
<script language="javascript" type="text/javascript" src="/Content/thirdparty/jquery/plugins/jqdock/jquery.jqDock.min.js"></script>
<script language="javascript" type="application/javascript">//<![CDATA[
jQuery(document).ready(function ($) {
var opts =
{ align: 'left',
bias: 45,
step: 75,
size: 55, flow: true
};
jQuery('#dock').jqDock(opts);
});
//]]>
</script>
<style>
#dock { background: #333 url("/Content/i/dock/pattern.png") repeat top left; width: 72px; border-right: 2px solid #d5d7d7; margin-left: -5px;padding: 0; }
#dock a { font-size: 11px; color: #fbfbf1; border:0; text-decoration: none; }
#dock div.jqDockWrap{ margin:0 auto; }
#dock div.jqDock { cursor:pointer; }
#dock img { padding: 8px 10px; }
#dockWrapper { float:left; width:100px; padding:0; margin:15px 0 0 -5px; }
.corners { margin-left: -11px;padding: 0;margin-bottom:-5px; }
</style>
<div id="dockWrapper" >
<div class="corners"><img src="/Content/i/dock/top.png" width="80" height="15"/> </div>
<div id="dock">
<a href="link1" title="Desk"><img src="/Content/i/dock/image1.png" alt="title" title="title" height="80" width="80" /></a>
<a href="link2" title="title"><img src="/Content/i/dock/image2.png" alt="title" title="title" /></a>
<a href="link3" title="title"><img src="/Content/i/dock/image3.png" alt="title" title="title" /></a>
<a href="link4" title="title"><img src="/Content/i/dock/image4.png" alt="title" title="title" /></a>
<!-- others removed for brevity -->
</div>
<div class="corners"><img src="/Content/i/dock/bottom.png" width="80" height="15" /></div>
對這個問題的想法將是有益的。
感謝