用于prestashop的类似Facebook的浮动框

我想在prestashop网站上安装一个浮动likebox

    <script type="text/javascript">
 /*<![CDATA[*/
 jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
 /*]]>*/
 </script>
 <style type="text/css">
 .abtlikebox{background: url("http://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index:  99999;position:fixed;right:-250px;top:20%;}
.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid  #3b5998; background:#fafafa;}
.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
 .abtlikebox span a{color: gray;text-decoration:none;}
 .abtlikebox span a:hover{text-decoration:underline;}
}
</style>
 <div class="abtlikebox" style="">
     <div>
     <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fallbloggingtips&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span></span>
     </div>
 </div>

/**/
.abtlikebox{背景：url（“http://4.bp.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.png）无重复滚动左中透明！重要信息；浮动：右；高度：270px；填充：0 5px 0 46px；宽度：245px；z索引：99999；位置：固定；右：-250px；顶部：20%；}
.abtlikebox div{padding:0；右边距：-8px；边框：4px实心#3b5998；背景：#fafafafa；}
.abtlikebox span{底部：4px；字体：8px“lucida grande”，tahoma，verdana，arial，无衬线；位置：绝对；右侧：6px；文本对齐：右侧；z索引：99999；}
.abtlikebox span a{颜色：灰色；文本装饰：无；}
.abtlikebox span a:悬停{文本装饰：下划线；}
}

当我在头部添加jquery时，所有网站都会崩溃

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

在没有jquery.min.js的情况下如何使用此代码？

---

我认为jquery包含在prestashop中

您的代码工作正常：。如果您在页面中使用HTTP，请在iframe

src

属性中将HTTP替换为HTTPS。您使用的是什么版本的Prestashop？我使用的是版本1.6.1.7和HTTPS。您的代码工作正常：。如果您在页面中使用HTTP，请在iframe

src

属性中将HTTP替换为HTTPS。您使用的是什么版本的Prestashop？我使用的是带有HTTPS的1.6.1.7版本