首页 > 其他分享 >为博客添加底部小鱼跳跃特效

为博客添加底部小鱼跳跃特效

时间:2022-11-23 16:58:21浏览次数:47  
标签:特效 博客 width 小鱼 底部 添加

代码如下,往博客园添加的话无需重复引入jquery了,效果如本页面底部特效所示,还是挺好看的:

<script src="https://common.cnblogs.com/scripts/jquery-2.2.0.min.js"></script>

<div id="jsi-flying-fish-container" class="container"></div>
<script src='https://blog-static.cnblogs.com/files/elkyo/fish.js'></script>
<style>@media only screen and (max-width: 767px){
  #sidebar_search_box input[type=text]{width:calc(100% - 24px)}
  }  </style>

标签:特效,博客,width,小鱼,底部,添加
From: https://www.cnblogs.com/lvrena/p/16918880.html

相关文章

  • [WordPress] 主题美化 樱花背景+灯笼特效+鼠标样式 [持续更新]
    樱花背景黑白主题适配//樱花背景特效<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"......
  • 在 Windows 系统中搭建 Halo 博客-博客超详细搭建教程
    StartHalo博客官网:https://halo.run/官方教程:https://docs.halo.run/准备工作Prepare在部署Halo前我们需要进行一些前置工作JRE(JavaRuntimeEnvironment)11在虚......
  • 技术博客学习
    https://www.cnblogs.com/yangzhou33/archive/2020/11.htmlhttps://yuancheng.work/vue插槽学习https://blog.csdn.net/weixin_41646716/article/details/80450873......
  • 我的博客导航
    工具下载与环境配置typora下载使用python解释器下载与配置pycharm下载与使用java开发环境搭建第三方模块的下载数据库理论及MySQL下载......
  • 这是注册博客的第一天,哈哈哈,我希望把我学到的编程内容记录下来,同时分享给和现在的我一
    #include<stdio.h>voidbubble_sort(intsz,intarr[])//不能只是intarr[],两个int间用逗号隔开{//先确定冒泡排序的趟数inti=0;for(i=0;i<sz-1;i++){intj=0;intflag=1......
  • 博客园主题2
    https://www.yuque.com/awescnb1、修改博客皮肤为Custom2、在页面定制CSS代码中(注意要勾选禁用模本默认CSS)添加以下地址中的css代码:#loading{bottom:0;left......
  • 博客园主题1
    皮肤1https://github.com/BNDong/Cnblogs-Theme-SimpleMemoryhttps://www.likecs.com/show-306717407.html1、修改博客皮肤为SimpleMemory2、在页面定制CSS代码......
  • 在博客园随笔中插入3D分子模型
    技术背景博主对前端技术不甚了解,只是想在博客中直接展示一些已有的分子结构,而且需要是可以交互的。而我们了解到通过3Dmol这样的前端工具可以实现,通过在博客园随笔中直接......
  • 译延丁真,鉴定为:开始写博客!
    <!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><metaname="Generator"content="EditPlus®"><metaname="Author"content=""><metana......
  • 基于HTML5的爱心表白动画特效
    从视觉上看,它也是一个爱心轮廓,但是不同的是这个爱心轮廓由许多跳动的小爱心组成,更加有一种3D立体的效果。1.运行效果2.代码构成<!doctypehtml><html><head><metacharset......