可以说我有这种图像集:
<div class="image"><img src="image1.jpg" alt="" />image1</div>
<div class="image"><img src="image2.jpg" alt="" />image2</div>
<div class="image"><img src="image3.jpg" alt="" />image3</div>
Run Code Online (Sandbox Code Playgroud)
(请注意,divs最初会被隐藏)
我想的是,一个人之后<image>加载,.show();在div.image它周围.
我认为这很容易做到,但我已经在互联网上进行了搜索,到目前为止,他们一直在做所有图像加载而不是单个图像后做某事.
这甚至可能吗?
编辑:后来改变了,所以图像周围也有链接工作示例:http://jsfiddle.net/peeter/qwtWZ/6/
所以,我有多个具有相同速度和不同高度的 jquery 动画,并且所有动画都是同时完成的。
我想知道有没有办法不管距离多远都能保持原来的动画速度?
http://jsfiddle.net/lollero/CEksN/ - 这意味着这些当然会在不同的时间完成。
(我的问题并不是它们如何同时完成,而是它们的速度如何变化)
FlabbyRabbit 的回答让我走上了正确的道路。这或多或少是我所追求的
我想要做的是像往常一样将选项设置为插件,但也使用html5数据属性覆盖这些选项.
我在这里(jsfiddle),但是有一个小问题.
JSFiddle代码:
(function($){
$.fn.extend({
test: function(options) {
var defaults = {
background: null,
height: null
};
var options = $.extend( defaults, options);
return this.each(function() {
var o = options;
var obj = $(this);
var objD = obj.data();
// background
if ( !objD.background) {
var cBG = o.background;
}
else {
var cBG = objD.background;
}
// Opacity
if ( !objD.height) {
var cH = o.height;
}
else {
var cH = objD.height;
}
obj.css({
background: cBG,
height: cH …Run Code Online (Sandbox Code Playgroud) 我有类中包含不同值的类,我想按顺序添加这些类来设置元素.
这应该只是我正在寻找的解释:
<div class="These">Lorem ipsum</div>
<div class="These">Lorem ipsum</div>
<div class="These">Lorem ipsum</div>
$('.These').each(function() {
var TheseINDEX = $(this).index();
$(this).addClass('first, second, third');
});
Run Code Online (Sandbox Code Playgroud)
结果:
<div class="These first">Lorem ipsum</div>
<div class="These second">Lorem ipsum</div>
<div class="These third">Lorem ipsum</div>
Run Code Online (Sandbox Code Playgroud)
不像上面的那种憎恶是完美的,但是另一件事......我也在想,如果它会循环,那将会很酷.
假设我有3个类,就像之前一样,这3个类将被添加到8个元素中
结果是这样的:
<div class="These first">Lorem ipsum</div> <!-- #1 -->
<div class="These second">Lorem ipsum</div>
<div class="These third">Lorem ipsum</div>
<div class="These first">Lorem ipsum</div>
<div class="These second">Lorem ipsum</div>
<div class="These third">Lorem ipsum</div>
<div class="These first">Lorem ipsum</div>
<div class="These second">Lorem ipsum</div> <!-- #8 -->
Run Code Online (Sandbox Code Playgroud)
因为它将继续添加这些预设类,直到没有".These"为他们添加.这种循环很像一个备份,因为你用完了类......
http://jsfiddle.net/Z4PAZ/ - 我的例子的jsfiddle .. …