有段时间看到几个站长的网页上突然出现了一只小虫子在屏幕上到处爬,即便你的高度很高,滚动条怎么下拉它都会出现在屏幕上的。感觉挺有意思的,然后就看源码给弄下来了,结果一看,尼玛太简单了方法,下面就是源码步骤,奇思妙想的同学也可以将gif图片替换成其他的图片即可。
测试源码,点击运行按钮即可,已经将图片进行base64转码,也可以直接保存图片替换base64即可
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <style type="text/css"> .adorn{width: 100%;height: 207px;background: url(data:image/gif;base64,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) no-repeat center;position: fixed;left: 0;top: 0;z-index: -99;} </style> <script type="text/javascript"> </script> </head> <body> <!--BUG图片--> <div class="adorn"></div> <p style="height: 1000px"></p> </body> </html>