我正在尝试做一些看似相当基本的事情,但似乎无法让它发挥作用.
我试图在下划线的最后一个实例后删除字符.
我有这个字符串,例如:
WWW /图像/二千零十二万零四百十二分之一十/ 28-696-b0b9815463e47c9371b02b7202788a75_tn.jpg
而我正试图剥离'tn.jpg'来制作:
WWW /图像/二千零十二万零四百十二分之一十/ 28-696-b0b9815463e47c9371b02b7202788a75_
我尝试过.slice(0,-6),但这只适用于_tn.jpg而不是_med.jpg的实例.
最终,我将交换不同大小的图像(_med.jpg,_full.jpg等),它只需要在最后一个下划线之后(URL中可能有下划线).
任何帮助将不胜感激!
扎克
我试图使用虚线为箭头设置动画,类似于------->,但使用水平和垂直路径,使用svg和css动画.
我尝试了几个不同的东西,使用底部和顶部来设置高度和宽度的动画,但是每种方式都有一些看起来不太好或效果不佳的东西.
我设法得到一个用svg绘制的路径,但动画实际上会删除破折号并只绘制一条实线.
没有动画:http://jsfiddle.net/ehan4/2/
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="252px" height="396px" viewBox="0 0 252 396" enable-background="new 0 0 252 396" xml:space="preserve">
<path stroke="#000" stroke-width="1.5" fill="none" d="M50.887,170.063v-53.488h55.814" stroke-dasharray="5,5" stroke-dashoffset="0.00" />
动画:http://jsfiddle.net/ehan4/1/
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="252px" height="396px" viewBox="0 0 252 396" enable-background="new 0 0 252 396" xml:space="preserve">
<path stroke="#000" stroke-width="1.5" fill="none" d="M50.887,170.063v-53.488h55.814" stroke-dasharray="5,5" stroke-dashoffset="0.00" />
var path = document.querySelector('path');
var length = path.getTotalLength();
path.style.transition = path.style.WebkitTransition = 'none';
path.style.strokeDasharray = …