喜迎 新春 特效默认手机端不显示,需要查看效果的请使用电脑端查看 灯笼样式(1) 代码如下: 灯笼样式... 飘雪特效...cdn.jsdelivr.net/gh/ooahz/hexo@latest/css/snow.css">
源码及教材源自知更鸟:http://zmingcx.com/hanging-lantern.html图片这里说一下,作者提供了两种方法部署灯笼,第一种是 在footer.php主题页脚文件内添加灯笼前端代码...第二种是把灯笼代码和演示集成到一个文件内 deng.php ,然后在footer.php主题页脚文件内引入这个deng.php文件。至于if判断首页和手机端显示,也可以学习一下。...以下教材源自:知更鸟 过年啦,挂灯笼!----代码这里也分享一下,有喜欢的朋友拿去用,将灯笼挂在自己的博客上,增加点过年的气氛。...这个灯笼只是简单应用一下CSS3动画,纯HTML+CSS手敲出来的,由于时间短写的不是很严谨,但不影响使用,具体实现方法,文章最后有打包文件下载。...如果只想在首页显示灯笼,可以用下面的判断语句把HTML代码包裹起来:<?php } ?
演示 截图 手机版图片 电脑版图片 如何部署 灯笼 代码内容 (function (factory) { typeof define === 'function' && define.amd ?...; div.innerHTML = content; document.body.appendChild(div); } createElement(); }))); 如何调用灯笼...JS 可以将代码内容保存到空间里并命名为china-lantern.js然后使用代码调用它,该代码可以放在头部或尾部文件里 //粘贴到head或foot文件里 //根据实际修改 也可以调用我的JS文件,代码如下 //粘贴到head或foot文件里 <script src="https...可以将代码内容保存到空间里并命名为snowflake.<em>js</em>然后使用代码调用它,该代码可以放在头部或尾部文件里 //粘贴到head或foot文件里 <script src="/snowflake.js
春节代码 新年快乐html 灯笼js 实例如下: 节...-- 灯笼2 --> 春
元旦了,给自己的网站也装饰个灯笼吧~ 创建一个css文件和js文件,把代码粘贴进去,index.html引入css和js,就可以实现啦,快来试试吧!...css/index.css">
直接上代码 放到你的script 标签中 具体效果参考博客页面 (function($){ $.fn.snow = function(options){ v...
给大家分享一个用原生JS实现的翻书效果图,效果如下: 实现代码如下,欢迎大家复制粘贴。 原生JS实现翻书特效
前言 这不是快过年了博客整点新年效果啊我记得见到过一个灯笼不多说直接来 这灯笼好听好看的配置到halo当中 一、使用halo后台编辑你对应的模板 首页-》外观-》主题编辑 拉到最下面编辑 拉到最底下复制一份...更改为你想要的名称(用于按钮控制) 示例: new_year: name: new_year label: 新年灯笼 type: switch...data-type: bool default: false description: "是否打开新年灯笼" options: - value: true...label: 开启 - value: false label: 关闭 二、灯笼代码编写 将此代码贴入 <div class="deng-box1 s1" style
给大家分享一个原生JS实现的书本立体特效,效果如下: 实现这个特效需要的三张图片如下: 第一张图:0.jpg 第二张图 1.jpg 第三张图:3.jpg 实现代码如下,欢迎大家复制粘贴。 原生JS实现书本立体特效 <style type
分享一个用原生JS实现的文字滚动效果,这种效果通常用在网页中一些局部展示信息,如新闻、动态、充值记录等,效果如下: ? 实现代码如下: 原生JS...实现目录滚动特效 body { font-size: 12px; line-height: 24px
分享一个由原生JS实现的球面展示效果,效果如下: 实现代码如下: 原生JS...实现球面展示特效 body { background-color: #000; } #div1...hover { color: red } JS...a>试听 精品 视频 SEO 特效
给大家分享一个用原生JS实现的涟漪按钮特效,效果如下: 以下是代码实现,欢迎大家复制粘贴和收藏。 原生JS...实现按钮涟漪特效 * { margin: 0; padding:
最近又要到一年一度的元旦了,很多网站也开始挂上了灯笼,我也趁着这个机会水一篇文章,据我所知这段代码好久了,具体出处也无从考证,不过我看网上都是一边灯笼,我觉得不大好看就改了的两边灯笼的版本出来,代码会放在下面...-- 灯笼1 --> <div...可能灯笼上的文字字号在有些主题上有点大,可以适当修改第133行的字号:font-size: 3.2rem; 如果被其他图层挡住了,请修改5,12,111行 z-index 的值。...50% { -webkit-transform: rotate(10deg) } 100% { -webkit-transform: rotate(-10deg) } } 版本二:两边灯笼
给大家分享一个用原生JS实现的特效留言框,效果如下: 实现代码如下,欢迎大家复制粘贴。 原生JS...实现特效留言框 * { margin: 0; padding: 0 }.../public.js"> window.onload = function () { toHead();...}; // 欢乐的留言框 文字特效,很经典 function toHead() { var oHead = id("head");
分享一个用原生JS实现的影集展示特效,效果如下: 实现的代码如下: 原生JS实现影集展示特效 <style type
分享一个由原生JS实现的图片爆炸特效,效果如下: 实现的代码如下: 原生JS实现图片爆炸特效 <style type
分享一个用原生JS实现的数码时钟特效,效果如下: 上面的数字是用的图片生成的,共10张图片如下: 实现代码如下,欢迎大家复制粘贴。 原生JS...实现数码表特效 body { background: blue; color: white;
上周末刚在原神里抽到了“火花骑士”可莉,于是就心血来潮,想用three.js来实现一种火系的特效,不是炸弹的爆炸,而是炸弹爆炸后在草上留下的火花效果 ?...jamie-wong.com/2016/07/15/ray-marching-signed-distance-functions/也可以入门,掌握了基础概念后就可以开始了 本项目需要用到: 笔者的three.js
html> 原生JS...实现VR看图特效 body { margin: 0; } img {
给大家分享一个用原生JS实现的拖拽翻书效果图,效果如下: 效果还不错吧,当然还需要两个图片。 1.书本封面。 2.书页 实现代码如下,欢迎大家复制粘贴。 原生JS...实现拖拽翻书特效 body, h2, p { margin: 0;... 以下上面代码中引入的index.js代码,为核心代码。
领取专属 10元无门槛券
手把手带您无忧上云