JS如何实现简单抖动效果

  介绍

这篇文章主要介绍了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如何实现简单抖动效果”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

JS如何实现简单抖动效果