(博客)帖子中的JavaScript/jQuery代码?

(博客)帖子中的JavaScript/jQuery代码?,javascript,jquery,post,blogger,Javascript,Jquery,Post,Blogger,如何在博客帖子中粘贴JavaScript/jQuery代码 诸如此类 没用,不知道我错过了什么 请指导我实现目标的正确方法 (新手学习)我猜您没有加载jquery库。在博客帖子的HTML视图中粘贴以下代码应该可以: <img id="b" src="http://www.web-press.it/folder/servizi_cloud.jpg" id="b" style="position:absolute; top:50px"/> <!-- Loading the req

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

诸如此类

没用,不知道我错过了什么

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


(新手学习)

我猜您没有加载
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>

函数moveRight(){
$(“#b”).animate({left:+=300},2000,moveLeft)
}
函数moveLeft(){
$(“#b”)。动画({left:-=300},2000,moveRight)
}
$(文档).ready(函数(){
moveRight();
});
遵循以下路径:

blogger.com->模板->编辑HTML 在

见图片:


注意: 必须在
Jquery
代码之前添加
Jquery


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

blogger.com->新帖子
在edditor框中,点击
HTML
,然后将您的
HTML代码
放入该编辑器中

谢谢!什么jquery库?如何创建jQuery文件,放在哪里?推荐什么特别的设备?我想在帖子中显示这种效果。(许多废弃网站非常混乱)@user3739135通过此链接下载
jquery
库:要创建jquery文件,请打开记事本,将jquery代码复制/传递到该文件中,然后使用
.js
typecopy
打开记事本,复制/传递“jquery代码”,并使用.js保存记事本。如何?我可以知道只需要一个js文件就足够了,可以在帖子中创建许多不同的代码吗?我需要account store.js文件吗,请推荐?(dropbox可以?)得到一个系统完整的短视频演示,只显示效果(blogger)帖子?粘贴到post Html上似乎更容易(不影响我的模板->编辑Html)。但它不是自然移动的(如jsfiddle.net/tTman/)抖动…&背景白!(与使用字幕代码相同)动画图像“.png”或“.gif”透明背景,显示白色背景。不明白为什么?遇到这个问题有什么解决办法吗?是的,没有jquery库。我一定要吗?如何执行?为了执行此JavaScript,您需要有JQuery库。您可以从
ajax.googleapis.com
加载此库,使用上面的代码.ajax.googleapis.com(请求的URL/在此服务器上找不到。仅此而已)此“JQuery库”的新增步骤是什么?现在更令人困惑的是,加载jquery库的最简单方法是使用托管解决方案,例如来自Google的解决方案。为此,您可以使用
。只需确保在加载自己的代码之前加载它。我粘贴(模板->编辑HTML)但不起作用。也许是问这个的好地方。
<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>
<img id="b" src="http://www.web-press.it/folder/servizi_cloud.jpg" id="b" style="position:absolute; top:50px"/>