Midnight.js – 实现奇妙的固定头部切换效果

落日映苍穹つ 2022-08-07 09:57 207阅读 0赞

<table style="word-wrap:break-word; empty-cells:show; border-collapse:collapse; table-layout:fixed; width:698px"> 
 <tbody style="word-wrap:break-word"> 
  <tr style="word-wrap:break-word"> 
   <td style="word-wrap:break-word"><span style="font-size:14px; word-wrap:break-word">&nbsp;Midnight.js 是一款 jQuery 插件，在页面滚动的时候实现多个头设计之间的切换，所以你总是有一个头与它下面的内容层叠，看起来效果很不错。 Midnight.js 可以让你轻松实现这种切换固定头的效果。</span> 
    <div style="word-wrap:break-word"> 
     <span style="font-size:14px; word-wrap:break-word"><br style="word-wrap:break-word"> </span> 
    </div> 
    <div style="word-wrap:break-word"> 
     <p style="word-wrap:break-word; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; text-align:center"> <a href="http://www.html5cn.org/data/attachment/portal/201410/15/094948714ha5f1z54eh4as.jpg" style="word-wrap:break-word; color:rgb(51,51,51); text-decoration:none" rel="nofollow"><span style="font-size:14px; word-wrap:break-word"><img src="http://www.html5cn.org/data/attachment/portal/201410/15/094948714ha5f1z54eh4as.jpg" alt="" style="word-wrap:break-word; border:none; max-width:620px"></span></a></p> 
     <p style="word-wrap:break-word; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; text-align:center"> <span style="font-size:14px; word-wrap:break-word"><a href="http://aerolab.github.io/midnight.js/" style="word-wrap:break-word; color:rgb(51,51,51); text-decoration:none" rel="nofollow">在线演示</a>&nbsp; &nbsp; &nbsp;&nbsp;<a href="https://aerolab.github.io/midnight.js/midnight.jquery.min.js" style="word-wrap:break-word; color:rgb(51,51,51); text-decoration:none" rel="nofollow">插件下载</a></span></p> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>