不用css能做出淘寶店的懸浮效果
          發表日期:2015-08-07 09:47??  文章編輯:350模板官網小編 ?? 瀏覽次數:
          
	開淘寶店裝修時很重要的,店鋪有些效果不容易做出來,我們都知道淘寶官方把fixed屬性屏蔽了,現在沒辦法使用懸浮效果了。只能通過購買模塊或者其他方法來實現。那么下面給大家講解一種簡單的懸浮方法,以及相應的優缺點。希望能為大家店鋪裝修帶來一點幫助!
	1、優點:無需調用官方一些懸浮的CSS來實現,也不需要擔心會失效,可以說會永久使用。
	2、缺點:當然既然不是直接寫fiexd屬性實現,那肯定有自己的缺陷,就是只能實現單個懸浮鏈接,如果想實現很多分類的鏈接,那就需要其他方法來破解了。
	下面是代碼:
	1.<!--懸浮鏈接-->
	2.  <div class="footer-more-trigger miser-fiexd" style="border:0px; padding:0px; width:190px; height:auto; ;top:0px; left:auto;">
	3.      <a href="#" target="_blank">
	4.          <div class="sn-simple-logo most-footer"
	style="border:0;padding:0;opacity:1;width:140px;height:9999999px;left:385px;top:110px;border:none;padding:0;overflow:hidden;background:none;"> </div>
	5.          </a>
	6.  </div>
	7.  <!--懸浮鏈接結束-->
	下面是懸浮使用方法:
	1、可以通過自定義模塊背景固定或者直接通過固定背景代碼,在頁面背景先做出一個懸浮的圖片
	2、然后將這段代碼放進任意一個自定義模塊里面,通過調整參數來控制鏈接的位置
	<!--懸浮鏈接-->
	   <div class="footer-more-trigger miser-fiexd" style="border:0px; padding:0px; width:190px; height:auto; ;top:0px; left:auto;">
	       <a href="#" target="_blank">
	           <div class="sn-simple-logo most-footer" style="border:0;padding:0;opacity:1;width:140px;height:9999999px;left:385px;top:110px;border:none;padding:0;overflow:hidden;background:none;"> </div>
	           </a>
	   </div>
	   <!--懸浮鏈接結束-->
	有其他寬度需要改的可以在代碼里面進行改動,希望能給大家帶來幫助!
標簽: ? ? 
          如沒特殊注明,文章均為350模板官網原創,轉載請注明來自http://m.eesewex8.cn//zxzs/258.html
   
        
?咨詢郵箱:

