介绍
这篇文章主要介绍了JS如何实现简单抖动效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
JS的作用是什么
1,能够嵌入动态文本于HTML页面。2,对浏览器事件做出响应。3,读写HTML元素。4、在数据被提交到服务器之前验证数据。5,检测访客的浏览器信息。6,控制饼干,包括创建和修改等7,基于节点。js技术进行服务器端编程。
具体代码如下所示:
& lt; ! DOCTYPE html> & lt; html  lang=癳n"祝辞 & lt; head> & lt; meta charset=癠TF-8"祝辞 & lt; title> Title & lt; style> # div1 { 宽度:100 px; 身高:100 px; 位置:绝对的; 左:,400 px; 前:200像素; 背景:,红色; } & lt;/style> & lt;/head> & lt; body> & lt; div id=癲iv1"祝辞& lt;/div> & lt; script> var div1 =, document.querySelector (& # 39; # div1& # 39;); 时间=document.onclick function (), {/* *,抖动: *,1只每次改变一下元素的位置 *,按照一个中心点进行偏移,假设中心点左原始是400年,那么每次就以左:400年为中心做位置的移动 *,380,,420 * */=//,div1.style.left & # 39; 380 px # 39;;=//,div1.style.left & # 39; 420 px # 39;; var a =,真的; setInterval(函数(),{/* *,根据一项的值,做不同的设置 * */div1.style.left =, (a ?, 380,:, 420), +, & # 39; px # 39;; a =, !; },,30); } & lt;/script> & lt;/body> & lt;/html>
感谢你能够认真阅读完这篇文章,希望小编分享的“JS如何实现简单抖动效果”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!