如何在HTML代码中插入一个漂浮图片

这是JS代码实现的，需要编写JS脚本，然后在head区域引入JS文件，然后在body区加入相应JS的引用。

当然最快捷方便的方法就是百度去找个类似的源码就可以搞定了。漂浮源码很多的~ 一般是先HEAD引入JS文件，然后BODY或者其他地方加入JS调用代码 就可以实现了。

一般下载源码的地方会提示你怎么用。耐心找找

1、使用css中的flaot属性就可以了，首先打开Dreamweaver，创建html文件：

2、然后先给页面设置背景颜色，创建段落两个段落，段落上面设置2张图片的float属性，分别让它们左右浮动，值为left和right，最后打开浏览器：

3、打开浏览器后即可看到效果，两张图片分别浮动在文本的左右两边，文字则是围绕在图片周围.。以上就是在html中让图片浮动的方法：

你是问这个现象是为什么，还是你制作网页需要这个效果？

如果是问为什么，那是别人网站做广告的常用方式，也有的网页用它来制作点击返回顶部的按钮。

如果要做这个效果，思路是用javascript判断滚动条的高度，条件满足后display：block一个position：absolute，z-index较大的div。

---