通过滑动示例。。。。[英] sliding examples through ....

本文是小编为大家收集整理的关于通过滑动示例。。。。的处理方法,想解了通过滑动示例。。。。的问题怎么解决?通过滑动示例。。。。问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

如何在按钮单击时移动文本.请帮助我,我无法做到这一点.

推荐答案

我通常使用的方法是确保文本在具有它的位置的 div 中设置为绝对.一旦 div 有了这个样式,就可以通过设置元素样式的 left 和 top 属性来定位它.

在这里,我在 div 中包装了一个按钮和一些文本.单击按钮调用处理程序.处理程序与被单击的元素一起提供.在处理程序内部,确定了单击对象的父对象.从那里开始,父元素(div)的左侧和顶部被设置为随机值.

"右移零位"代码确保值是整数.
intValue = floatValue >>0;

<!doctypehtml><html><head><style>#tgtDiv{border:solid 1px red;背景色: #ccc;display: inline-block;位置:绝对;}</style><脚本>函数 onBtnClick(clickedElement){var btnObj = clickedElement;var parentDiv = btnObj.parentNode;parentDiv.style.left = ((数学.random() * 320) >> 0) + "px";parentDiv.style.top = ((数学.random() * 200) >> 0) + "px";}</脚本></head><body><div id='tgtDiv'>单击按钮移动到随机位置<按钮 onclick='onBtnClick(this);'>好的</button></div></body></html>

本文地址:https://www.itbaoku.cn/post/1356167.html