好吧,我知道如何动画div和循环动画和东西,但这真的让我神经紧张,我想动画div左边:0;然后到右边:0;并循环动画,它不会像这样工作…为什么?

我该怎么做呢?..

PS:显然jquery不能从左边动画一个绝对容器:0到右:o …但是我怎样才能得到想要的动画?

例:

这样的东西不起作用……:

$(document).ready(function() {

function animateMydiv() {

$('#mydiv').animate({'left':'0px'},6000).animate({'right':'0px'},6000, animateMydiv);

}

animateMydiv();

});

最佳答案 据我所知,在CSS中定位,你不能同时设置右边和左边的值.

所以我建议如下.只需将其移动到文档的末尾减去元素的宽度:

$(document).ready(function() {

var width = $(document).width() - $('#mydiv').width();

function animateMydiv() {

$('#mydiv').animate({'left': width + 'px'}, 6000).animate({'left': '0px'}, 6000);

}

animateMydiv();

});

如果您希望它是无穷无尽的,请保留您在示例中的功能:

$(‘#mydiv’).animate({‘left’:width’px’},6000).animate({‘left’:’0px’},6000,animateMydiv);

jq 多个div从右向左依次显示_jquery – Animate绝对div到左边:0然后到右边:0和循环...相关推荐

  1. 单片机8x8点阵让数字0从右到左依次显示循环

    用的单片机是普中的开发板,8x8点阵用的是74hc595进行段选,P0口位选 74hc595资料点击打开链接 8x8点阵用的是共阴极(左边的) 这次我要实现的是让数字0从右到左依次显示 #includ ...

  2. c语言led左右循环程序,c语言编写程序,将led从左往右,再从右往左依次往返点亮...

    满意答案 peniell 2017.11.04 采纳率:48%    等级:7 已帮助:258人 流水灯程序是keil的自带例子,你直接跑就是. void wait (void) { /* wait ...

  3. 8只灯逐次点亮c语言程序,C语言编程实现51单片机,流水灯:八只指示灯中,从左至右依次熄灭至全灭;再从右至左依次点亮至全亮,如此循环。...

    #include "reg52.h" //此文件中定义了单片机的一些特殊功能寄存器 typedef unsigned int u16; //对数据类型进行声明定义 typedef ...

  4. android适配右到左布局注意事项

      呜呼,伊朗的项目终于做完了,大部分都是在整理右到左布局的需求.好在android sdk 从API17(Android4.2)开始支持右到左布局的需求,但是会有很多坑需要去填.   Android ...

  5. C++之默认参数顺序(从右到左)和调用顺序(从左到右)

    #include<iostream> using namespace std; 错误,未从右至左逐次定义 //void test1(int x=1, float y, int z=0);/ ...

  6. Excel中如何按照最右边的分隔符从右向左取字符串

    在Excel里,如果一个字符串里有分隔符,分隔为若干段,如何要取得最右端的字串? 例如,单元格A2里的内容是: D:\!!MyWork\个人资料\咨询记录\王先生-2020-6-30.txt 在上面的 ...

  7. java将古诗竖排_java 控制台输入古诗(从左到右) 按古诗风格从右往左输出

    1. 保存一首唐诗(五言或七言) ,每一行代表一句,要求将这首唐诗按照古文的方式输出 出来(从右至左,竖行排列) . "床前明月光,疑是地上霜.举头望明月,低头思故乡. " 床 前 ...

  8. java将古诗竖排_java控制台输入古诗(从左到右)按古诗风格从右往左输出.doc

    保存一首唐诗(五言或七言),每一行代表一句,要求将这首唐诗按照古文的方式输出出来(从右至左,竖行排列). "床前明月光,疑是地上霜.举头望明月,低头思故乡." 床 前 明 月 光 ...

  9. html背景图片在底部,CSS兑现固定DIV层背景图片且底部显示

    CSS实现固定DIV层背景图片且底部显示 /*CSS缩写形式*/ div { background:url(/images/about_bg.jpg) no-repeat fixed; backgro ...

最新文章

  1. socket 编程入门教程(四)TCP应用:1、构建echo服务器
  2. Fiori Elements value help selection pass back
  3. 通过深度学习检测疟疾
  4. IOC容器-Autofac在MVC中实现json方式注入使用
  5. Java多线程系列--“JUC线程池”
  6. 通过一段代码发现 emu8086 和 DOSBox 的一点区别
  7. 智能客服、聊天机器人的应用和架构、算法分享和介绍
  8. DB2 create database报错SQL1036C,Could not init GLFH lock file
  9. 【机器人】大四本科生发明 自动写作论文的机器人
  10. 微信小程序 微信小程序框架API
  11. c语言中1 2 3怎么运算符号,C语言运算符和表达式(一)
  12. 600、000、002、200、300、400等开头的股票代表什么?
  13. 对象base64转码_什么是 Base64 编码
  14. pytorch损失函数中‘reduction‘参数
  15. Bia布刷题日记2022/2/17
  16. Windows系统查询遗忘的WiFi密码
  17. web前端 --- HTML标签详解
  18. 线性代数(9)——初等矩阵和矩阵可逆性(上)
  19. 华为服务器怎么安装win7系统教程,华为台式机如何安装系统win7
  20. 计算机二级mysql考试经验分享(2021年3月)

热门文章

  1. BurpSuit配置抓包http和https请求
  2. 爆破linux密码 $6$3uwqC9JI$d9iPRmTDAoXs/IbsplxS3iyeErHqw7fUycacXNHyZk1UCSwFEydl515/zXN7OEwHnyUaqYcNG...
  3. USB 设备驱动(写给自己看的)
  4. 曼哈顿距离最小生成树与莫队算法(总结)
  5. ng-repeat循环出来的部分调用同一个函数并且实现每个模块之间不能相互干扰
  6. grootjs 简明教程
  7. MySQL性能优化的最佳经验
  8. 学习Asp.Net经常会用到的函数集
  9. php 修改excel内容吗,php更新修改excel中的内容例子
  10. 服务器不稳定 如何让百度重新收录网站,教你如何让百度重新收录首页