HTML 简单实现心跳效果图

最新推荐文章于 2024-05-08 12:04:17 发布

原创最新推荐文章于 2024-05-08 12:04:17 发布 · 3.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #linq #javascript

本文介绍了一个使用JavaScript和jQuery实现的动态图片尺寸变化的示例，通过`animate`函数创建了从400x400到300x300的渐变动画，并设置了定时器触发重复。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>

//导包
       <script type="text/javascript" src="./jquery-1.7.2.js">
       </script>
       <script type="text/javascript">
//图片变换功能

function bbb(){
           $("#ph").animate({ //自定义动画
              width:400,
              height:400
           },1000);//设置动画时间

//变小
           $("#ph").animate({ //自定义动画
              width:300,
              height:300
           },1000); //设置动画时间
               setTimeout("bbb()",1000); //过1秒就再使用bbb()函数。
           }

       </script>

   </head>
   <body onload="bbb()"> //加载事件
       <img src="../images/w.jpg" id="ph">//在 body内放图片
   </body>
</html>