如何製作帶燈箱的嵌入式按鈕？ （類似於addthis）

Question

你見過「AddThis」的嵌入代碼嗎？這是這樣的：

   <div class="addthis_toolbox addthis_default_style addthis_32x32_style" > 
        <ul id="social-icons"> 
         <li><a class="addthis_button_facebook" style="padding:0px !important"></a></li> 
         <li><a class="addthis_button_twitter" style="padding:0px !important"></a></li> 
         <li><a class="addthis_button_linkedin" style="padding:0px !important"></a></li> 
         <li><a class="addthis_button_email" style="padding:0px !important"></a></li> 
         <li><a class="addthis_button_compact" style="padding:0px !important"></a></a></li> 
        </ul> 
       </div> 
       <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script> 
       <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4e1db3944c85634b"></script> 

我很好奇，它是如何工作，以及如何做到這一點？

Answer 1

我還沒有遇到過，但我猜想你可以用你提供的代碼來判斷addthis_button類用於填充區域並使用css背景來形成「圖標」。最後的JavaScript庫顯然通過綁定/添加點擊事件到「圖標」來增加所有魔力

不是嚴格相關的，但不需要style屬性中的「！important」，因爲內聯樣式總是優先。