我拥有一个标志网。 你可以两次点击 log原,以清除原木,或者可以把它拖到一个特定的广场,我想在那里透露有关该标志的一些细节。
Here is the tool in question:
rel=“nofollow” Drag or Hide alogo
我有两个问题,请你协助我:
当我把一个标志拖到可投放的广场时,我会如何收集有关该具体标志的信息,并透露在可投放地区后面的信息?
当我两次点击一个沉降到可耕地的标志时,该标志将消失。 在消失之后,我如何重新界定这一可缩小面积,并将其用于其他标志?
如果你看到任何其他信息,请让我知道更好的执行方式。 谢谢你!
www.un.org/spanish/ecosoc 页: 1
<script>
$(document).ready(function() {
$( .imageShowing ).dblclick (function() {
$(this).stop().animate({
zIndex: 1 ,
height: 100 ,
width: 140 ,
}, 100, function() {
$(this).rotate({ angle:0,animateTo:90,easing: $.easing.easeInOutExpo })
$(this).stop().animate({
zIndex: 1 ,
top: 500 ,
opacity: 0
}, 700, function() {
$(this).hide("fast");
// Animation complete.
});
});
});
}); //end document.ready
$(init);
function init(){
$( .imageShowing ).draggable( {
containment: #wrapper ,
cursor: move ,
snap: #droppable ,
stop: cardDropped,
start: objectGrabbed,
revert: true,
});
$( #droppable ).droppable( {
drop: handleCardDrop,
hoverClass: droppableHover ,
accept: .imageShowing
});
}
function objectGrabbed(event, ui) {
$(this).stop().animate({
zIndex: 100 ,
},0,function() {
$(this).stop().animate({
opacity: .5
}, 500);
});
}
function cardDropped() {
$(this).stop().animate({
opacity: 1 ,
zIndex: 12
}, 500);
}
function handleCardDrop( event, ui ) {
ui.draggable.draggable( disable );
$(this).droppable( disable );
ui.draggable.position( { of: $(this), my: left top , at: left top } );
ui.draggable.draggable( option , revert , false );
}
</script>
www.un.org/spanish/ecosoc 如果需要的话,社会保障局:
#wrapper { width: 1000px; margin: 0 auto; height: 1000px; position: relative;}
#grid {width: 935px; height: 536px; margin: auto; background: url(images/gridLine.png) repeat-y top; padding:0; position: relative; z-index: 5;} /* height equals 134 X 4. Each horizontal grid is 134 in height and 950px in width */
#logoWrapper {position: absolute; top: 2px; left: 36px }
#logoWrapper ul {text-decoration: none; list-style-type: none; margin:0; padding:0; }
#logoWrapper ul li {list-style-type: none; float: left; position: relative; padding: 0 6px 6px 0; height: 128px; width: 180px; margin: 0;}
#logoWrapper ul li img { margin:0; position: absolute; z-index: 6;}
#bottom { height: 500px; width: 950px; background: #fff; margin: 0 auto; position: relative; z-index: 10;}
#droppableWrapper {border: dashed 5px #666; width: 180px; margin:0 auto; }
#droppable {height: 128px; width: 180px; background: #CCC;};
.droppableHover {background: #333; }