怎么在html中实现图片沿着路径移动

怎么在html中实现图片沿着路径移动,第1张

两点是一条直线吧

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function()

  {

  $(".btn1").click(function(){

    $("#box").animate({top:"300px",left:'400px'})

  })

})

</script>

</head>

<body>

<div id="box" style="background:#98bf21height:100pxwidth:100pxmargin:6pxtop:50pxposition:fixed">

</div>

<button class="btn1">Animate</button>

</body>

</html>

一般都会装几个扩展吧,如果没装的话也没事,随便装个小扩展,比如那个强制雅黑字体的插件,然后把你的html文件丢到那个扩展目录下,接着就可以用这个目录地址访问了,比如:

chrome-extension://nbokbjkabcmbfdlbddjidfmibcpneigj/pages/主页.html

(勾上开发者模式可以看到扩展目录名,理论这样应该可行,没亲测)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6253040.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存