首页 / JQUERY / Content Editor Webpart（二）添加JQuery和html代码

Content Editor Webpart（二）添加JQuery和html代码

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Content Editor Webpart（二）添加JQuery和html代码，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1033字，纯文字阅读大概需要2分钟。

内容图文

在上一篇（ Content Editor Webpart（一）引用JQuery  ）中介绍了如何在Content Editor Webpart中引用JQuery， 这一篇介绍一下如果在Content Editor Webpart中添加html和JQuery代码。


按照上一篇的步骤，编辑Content Editor Webpart的源代码，输入如下代码：

<div style="height: 200px;">
<script type="text/javascript" src="/sites/apps/Style%20Library/jquery-1.10.2.min.js"></script>
<script> 
$(document).ready(function(){
    $("#btnStr").click(function(){
        $("#move").animate({left: '250px'});
    });
});
</script>

<button id="btnStr" onclick="moveDiv()">Start Animation</button>
<p>By default, all HTML elements have a static position, and cannot be moved. 
      <br/>To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!</p>
<div id="move" style="height: 100px; width: 100px; position: absolute; background: #98bf21;"></div> 
</div>

技术分享

保存完之后，显示成这样：

技术分享


点击Start Animation,绿色的div块就会移动起来：

技术分享 


点击

原文：http://blog.csdn.net/spfarm/article/details/44454465

内容总结

以上是互联网集市为您收集整理的Content Editor Webpart（二）添加JQuery和html代码全部内容，希望文章能够帮你解决Content Editor Webpart（二）添加JQuery和html代码所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1240582.html

来源：【匿名】