（博客）帖子中的JavaScript / jQuery代码？

Question

如何在博客帖子中粘贴 JavaScript/jQuery 代码？

如jsfiddle.net/tTman

它不起作用，不知道我错过了什么？

请指导我实现目标的正确方法。

（新手学习）

Answer 1

我的猜测是你没有加载jquery库。在博客文章的HTML视图中粘贴以下代码应该有效：

<img id="b" src="http://www.web-press.it/folder/servizi_cloud.jpg" id="b" style="position:absolute; top:50px"/>

<!-- Loading the required JQuery library -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
function moveRight(){
        $("#b").animate({left: "+=300"}, 2000,moveLeft)
    }

function moveLeft(){
        $("#b").animate({left: "-=300"}, 2000,moveRight)
    }

$(document).ready(function() {

       moveRight();

});
</script>

Answer 2

遵循以下道路：

blogger.com - ＆gt;模板 - ＆gt;编辑HTML

并超过javascript/jquery之前的</head>代码

<script type="text/javascript">
    function moveRight(){
        $("#b").animate({left: "+=300"}, 2000,moveLeft)
    }
    function moveLeft(){
        $("#b").animate({left: "-=300"}, 2000,moveRight)
    }
    $(document).ready(function() {

       moveRight();
    });
</script>

见图片

现在！

转到Layout并添加小工具并输入您的HTML代码！

<img id="b" src="http://www.web-press.it/folder/servizi_cloud.jpg" id="b" style="position:absolute; top:50px"/>

见图片

---

注意：

您必须在Jquery代码

之前添加Jquery个库

---

如果您只想在帖子中显示此效果，请转到

blogger.com - ＆gt;新帖

在edditor框中，点击HTML，然后点击HTML Codes进入