当前位置:首页 >> 网络编程

JS实现仿QQ聊天窗口抖动特效

JS实现仿QQ聊天窗口抖动特效

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript层抖动效果</title>
<style type="text/css">
#body{text-align:center;}
#test{width:200px;position:absolute;margin:10px auto;height:100px;border:2px dotted red;text-align:center}
</style>
</head>
<body>
<div style="margin:10px 200px">
<div>
<input type="button" value="~点这里让我抖抖吧~" onclick="nn.start()" /></div>
<div>
<input type="button" value="晃晕了,我不抖了!" onclick="nn.stop()" /></div>
<div id="test">
<br>
<img border="0" src="/UploadFiles/2021-04-02/smiley.gif">

再来一个更简单的

 <img id="win" style='position:relative' src="/UploadFiles/2021-04-02/2008962512241.jpg">

以上所述就是本文的全部内容了,希望大家能够喜欢。