为网站添加点击喜庆灯笼特效

投稿 网虫小王  2019-03-04 19:32:08  阅读 4407 次 评论 5 条

为网站添加对联灯笼喜庆特效。特此感谢飞翔勿扰站长提供的代码和方法

效果图如下:

为网站添加点击喜庆灯笼特效  第1张


设置方法如下:

为网站添加点击喜庆灯笼特效  第2张


代码如下:

 <div class="container">
<img src="图片地址自己替换" class="newfu_l">
<img src="图片地址自己替换" class="newfu_r">
</div>  <style type="text/css">body{background-image: url(图片地址自己替换);}.container .newfu_l{position:fixed;z-index:-1;width:300px;top:0;left:54%;margin-left:-850px}
.container .newfu_r{position:fixed;z-index:-1;width:300px;top:0;right:53%;margin-right:-850px}</style>

代码上面的图片地址自己替换


图片素材下载如下:

为网站添加点击喜庆灯笼特效  第3张

为网站添加点击喜庆灯笼特效  第4张

为网站添加点击喜庆灯笼特效  第5张


本文地址:https://www.pengqi.club/blog/283.html
温馨提示:文章内容系作者个人观点,不代表淇云博客对观点赞同或支持。
版权声明:本文为投稿文章,感谢 网虫小王 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!

发表评论


表情

评论列表

  1. 北京监控安装
    北京监控安装 【农民】  @回复

    还挺好看的,不错学习了

  2. 叶忠文博客
    叶忠文博客 【农民】  @回复

    不会影响打开速度吗

  3. 小轲
    小轲 【村长】  @回复

    好久不来了,很喜庆奥老铁 face_02

    • 彭淇
      彭淇 【站务管理】 2019-03-10 09:40:55  回复

      @小轲欢迎老铁,最近上班比较忙,没时间打理博客哟