文档章节

jquery背景移动插件MyFloatingBg.js

mymlucifer
 mymlucifer
发布于 2015/03/18 14:12
字数 341
阅读 23
收藏 0

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板块


© 著作权归作者所有

mymlucifer
粉丝 7
博文 61
码字总数 26911
作品 0
南昌
私信 提问
7 个效果震憾的 HTML5 应用组件

在HTML5的世界里,任何文本、图像都可以变得令人难以想象,很多HTML5应用也都已经随着浏览器的升级而变得运行飞速,而且兼容性也越来越好。下面为大家介绍7款效果震憾的HTML5应用组件,HTML5...

yykj
2013/07/02
10.7K
19
30个创意出色的非常实用的jquery框架插件-(视觉大背景,瀑布流效果)

jQuery是在网页设计师和开发者最近的热门话题之一。人们使用它的广泛范围从个人博客到企业网站,目前流行的视觉大背景滚动效果,瀑布流图片阴影效果,图片缩放,动态标签复制,html5音频播放...

易达
2012/08/04
645
0
100+个最佳jQuery菜单与下拉菜单示例(1/10)

1) jQuery w菜单/下拉菜单示例教程 此教程是描述一个拥有全部不错的样式动画以及功能的菜单,也许这正式你一直在寻找的。我将细致描述 HTML 与 CSS 。我将假设你了解了 HTML 与 CSS 的知识并...

彭博
2012/04/22
10.2K
7
10 个 jQuery 的全景图片展示插件

日期:2011/11/09 原文:jquery4u.com 编译:GBin1.com 整合jQuery的全景图片展示插件,能帮助你的网站访客更好的浏览你的网站图片。帮助你构建虚拟旅程,全景展示和滚动,无限的图片幻灯,希...

gbin1
2011/11/09
8.3K
2
[分享]2010年最佳jQuery插件

文章来源:http://www.ackarlix.com/2010/12/04/460 在前两周国外知名博客WDL先后分享了“2010最佳系列”中的“最佳免费WordPress主题”和“最佳免费字体”, 在这个星期又发布了2010年最佳j...

Ackarlix
2010/12/04
2.4K
6

没有更多内容

加载失败,请刷新页面

加载更多

JavaScript权威指南笔记5

第五章、语句 0、概述 JS程序是一系列可执行语句的集合。 通过控制语句来改变语句的默认执行顺序。 控制语句:条件、循环和跳转(如return、break和throw) 2、复合语句 当多条语句被当做一条语...

_Somuns
9分钟前
3
0
vmware安装ubuntu18.04总是 panic -not syncing:corrupted stack end detected inside schedule

Vmware 安装ubuntu 总是卡着不动, 提示panic -not synciong 网上提示很多办法,都试了效果不佳, 找到了完美解决办法 你的兼容模式重新选一下为6.0,兼容性对硬件有要求的 即可实现 成功安装...

dragon_tech
17分钟前
3
0
centos7 安装 mysql5.7 版本(全)

centos 安装 版本说明 :centos7,mysql5.7 ,不是 centos7 可能有些命令不兼容 安装 mysql-server # 下载并安装 mysql yum wget -i -c http://dev.mysql.com/get/mysql57-community-relea......

sanri1993
46分钟前
4
0
Spring3.x升级到Spring4.x-5.x时关于MappingJacksonHttpMessageConverter的报错问题

在Spring4.x或者以上的版本强使用(不然会报错): org.springframework.http.converter.json.MappingJackson2HttpMessageConverter 如果是Spring4.0获者以下的版本可以使用MappingJacksonH...

code-ortaerc
49分钟前
4
0
OSG 渲染状态污染到其它节点怎么解决?

在根节点补上初始状态

洛克人杰洛
51分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部