Javascript 从右向左增加宽度
我想从右向左增加宽度Javascript 从右向左增加宽度,javascript,jquery,html,css,internationalization,Javascript,Jquery,Html,Css,Internationalization,我想从右向左增加宽度 <div dir="rtl" id="progress"> <dt id='dt'></dt> <dd id='dd'></dd> </div> 主要目标是在我的网站中使用阿拉伯语时从右向左移动(阿拉伯语的默认方向是从右向左) 我在编写时尝试了属性dir,但没有解决问题。我有一个想法,但它会改变HTML。这不是正确的做法,因为我的网站支持英语和阿拉伯语;我不想更改HTML,我只想更
<div dir="rtl" id="progress">
<dt id='dt'></dt>
<dd id='dd'></dd>
</div>
主要目标是在我的网站中使用阿拉伯语时从右向左移动(阿拉伯语的默认方向是从右向左)
我在编写时尝试了属性
dir
,但没有解决问题。我有一个想法,但它会改变HTML。这不是正确的做法,因为我的网站支持英语和阿拉伯语;我不想更改HTML,我只想更改样式或JavaScript代码。为什么不将初始宽度设置为进度条的宽度,然后“收缩”它呢
这只是颜色的问题。您可以通过将进度div的x刻度设置为-1来镜像进度div。您可以执行以下操作:
- 将进度条的
属性设置为100%left
- 将
属性添加到过渡中(以便平滑地设置动画)left
- 在javascript中,将
位置更改为0%,同时增加进度条的左
宽度
和
的父级应该是
而不是
@HashemQolami您相信我老板不相信的事情。@GLES您不应该更改OP的代码。请只是格式化。它是真的消失了还是只是移出了屏幕。如果这是第二次,您只需添加一个等于进度宽度的边距,我将y缩放为0,这次我将其缩放为1:D,它已出现但未镜像:#进度{变换:缩放(-1,-1);-webkit变换:缩放(-1,-1);