手机版

JS实现图片居中悬浮的效果

时间:2021-09-01 来源:互联网 编辑:宝哥软件园 浏览:

在本文中,我们使用JS来实现一个图片悬浮效果。当我们用鼠标下拉滚动时,图片悬浮在中间,不跟随滚动。我们先来看看效果图:

让我们看看所有测试过的代码:

!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html;charset=GB 2312 '/style type=' text/CSS '。徽标{ width: 650pxheight: 383px位置:固定;background : URL(//www . JB 51 . net/images/logo . gif)no-repeat;margin:autoleft:0right:0top:0底部:0;}/styletitle图片垂直居中,不随滚动条滚动的JS代码/title/head body style=' height :3000 px ' div class=' logo '/divp我们的JS图片挂起图片效果/p/body/html以上是通过效果测试的原码,感谢大家对我们的支持。

版权声明:JS实现图片居中悬浮的效果是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。