Esta opción script.aculo.us Drag & Drop starteffect se utiliza para definir la función que se llama cuando se empieza a arrastrar un elemento drag-gable adecuado. La función se puede utilizar para definir cualquier efecto.
Sintaxis:
{ starteffect: effectFunction }
Valores:
- effectFunction: Este valor define la función que contiene el efecto que se mostrará cuando se comience a arrastrar el drag-gable.
El siguiente ejemplo ilustra la opción de efecto de inicio Arrastrar y soltar :
Ejemplo:
HTML
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="scriptaculous.js">
</script>
<script type="text/javascript">
window.onload = function () {
$A($('draggables')
.getElementsByTagName('img'))
.each(function (item) {
new Draggable(item, {
revert: true,
// Define the effect to be used
// when the dragging starts
starteffect: function (element) {
new Effect.Opacity(element,
{
from: 0,
to: 1.0,
duration: 5
})
}
});
});
}
</script>
</head>
<body style="text-align: center;">
<div>
<h1 style="color: green">
GeeksforGeeks
</h1>
<p>A Computer Science Portal
for Geeks
</p>
</div>
<strong>
script.aculo.us Drag & Drop
starteffect Option
</strong>
<div id="draggables">
<img src=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20200817185016/gfg_complete_logo_2x-min.png">
</div>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por skyridetim y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA