
获得徽章 0
- 写一个让一句话随着鼠标移动的小插件
"以下是一个简单的让一句话随着鼠标移动的小插件的代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<style>
#moving-sentence {
position: fixed;
font-size: 20px;
color: red;
}
</style>
</head>
<body>
<div id=\"moving-sentence\">Hello, World!</div>
<script>
document.addEventListener('mousemove', function(event) {
var sentence = document.getElementById('moving-sentence');
sentence.style.left = event.pageX + 'px';
sentence.style.top = event.pageY + 'px';
});
</script>
</body>
</html>
```
在上述代码中,我们首先在页面中创建了一个 `<div>` 元素,它的id属性设置为 `moving-sentence`,并设置了一些样式,比如固定定位、字体大小和颜色。
然后,我们通过 JavaScript 监听 `mousemove` 事件,当鼠标移动时触发相应的处理函数。在处理函数中,我们首先通过 `document.getElementById()` 方法获取到 `moving-sentence` 元素,然后使用 `event.pageX` 和 `event.pageY` 属性获取鼠标的当前位置,将这两个值分别赋给 `left` 和 `top` 样式属性,从而实现让句子随着鼠标移动的效果。
以上就是一个简单的让一句话随着鼠标移动的小插件的实现代码。你可以将以上代码保存为一个 HTML 文件,然后在浏览器中打开该文件,即可看到效果。当你移动鼠标时,句子将随之移动。你可以根据需求修改样式和句子内容,以及添加其他的交互效果。"展开评论4 - 昨天中午吃饭,和饭搭子同事去公司门口一家饭馆。
同事说去吃科技与狠活,另外一个同事说他家生态环境很好,我就问有多好。他说可以看家耗子,O.o??那确实生态环境好,人与动物和谐相处,真不戳啊。
同行的第三位同事,吃不饱可以免费加餐,补充蛋白质
说着走到店门口,发现是我最不喜欢的那家就吃过1回(难吃)。为了不被小团体排斥,我还是跟着一起吃了(没有不情愿)。
重点来了,我点的鸡排饭(类似鸡腿饭),吃了5分钟,掰了掰米饭。发现有只小可爱(蟑螂),正给我展示它婴儿般的睡眠。甚至,因为我的拨动,它的可爱小腿还抖了抖,向我宣泄不满。看着他安祥的睡眠,我想到了自己的悲惨打工生活,收到了万点真实伤害,饭搭子也向我送上了满是笑意的悲伤脸。
万万没想到,还有高手
我拿着饭盘,去找店家给我换一份,店家拿着饭去了厨房。我转头回到了座位,和朋友讨论这个事情,两位同事比较关心我:“说不定,店家只是把饭倒进锅里,重新盛起来给你送过来”,正说着,员工端着餐盘来了,我看了一眼餐盘,盯着员工看了一下,突然不知道说什么了。她真的真的,在我端过去的餐盘上多盖了一份饭又端过来了。我说“你没看见蟑螂吗”,她来一句,“你不是要加饭啊?”
同事已经笑晕过去了,确实生态很好。。。
昨天,我带着同事换一家饭馆吃饭,正吃着,一只蟑螂从同事的桌边向我这爬来,我当时真的很想塞在同事的餐盘里。展开165