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

html-css046

如何在HTML代码中插入一个漂浮图片,第1张

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

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

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

网上搜网页漂浮特效,一大堆,实现原理也很简单

<div style="width:100pxheight:100pxposition:fixedz-index:99left:0top:50%margin-top:-50px">内容</div>

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

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

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