jquery背景移动插件MyFloatingBg.js

dreamweaver免费视频教程：

51RGB Dreamweaver板块

加讨论群390180913 入群即可参加周一至周五免费公开课并获得免费视频 绝对干货！

 

jquery背景移动插件MyFloatingBg.js

这插件可以帮助你在网页上加入可移动背景Background。你可以用于整个文件的背景，或是某几个banner的背景。 它可支持简单的animation效果，你不用去做一个flash文件或动态gif图片。单靠jquery和图片，你便可以做出不同的效果。由于我们把动画效果跟内容分开，我们也可以随时更改文字等内容，而不影响其运作。

使用方法

引用jQuery和MyFloatingBg.js到您的网页中

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.MyFloatingBg.js"></script>

Html中加入元素

<div id="demoDiv1" bg="img/fw2.jpg" class="m">

  <div style="color:#fff">

      7 billion friends

  </div>

</div>

<div id="demoDiv2" bg="img/star.jpg" class="m">

  <div style="color:#fff">

      wonderful world

  </div>

</div>

jQuery代码中引用

<script type="text/javascript">

$(document).ready(function(){

  //weather

    $("#demoDiv1").MyFloatingBg({direction:-1});

    $("#demoDiv2").MyFloatingBg({direction:0, speed:50});

});

</script>

 

代码下载地址：

http://www.51rgb.com/nbbs/forum.php?mod=viewthread&tid=1709

光看文字怎么够 来看在线视频 手把手教你做网站！

Adobe官方讲师万晨曦指导 轻松幽默学习网站开发

Dreamweaver视频直达网址 ：51RGB Dreamweaver板块

转载于:https://my.oschina.net/51RGB/blog/388396