【全网最全的博客美化系列教程】05.公告栏个性时间显示的实现
全网最全的博客美化系列教程相关文章目录
【全网最全的博客美化系列教程】01.添加Github项目链接
【全网最全的博客美化系列教程】02.添加QQ交谈链接
【全网最全的博客美化系列教程】03.给博客添加一只萌萌哒的小仓鼠
【全网最全的博客美化系列教程】04.访客量统计的实现
【全网最全的博客美化系列教程】05.公告栏个性时间显示的实现
【全网最全的博客美化系列教程】06.推荐和反对炫酷样式的实现
【全网最全的博客美化系列教程】07.添加一个分享的按钮吧
【全网最全的博客美化系列教程】08.自定义地址栏Logo
【全网最全的博客美化系列教程】09.添加"扩大/缩小浏览区域大小" 按钮
【全网最全的博客美化系列教程】10.小火箭置顶特效的实现
【全网最全的博客美化系列教程】11.鼠标点击爱心特效的实现
【全网最全的博客美化系列教程】12.修改鼠标图案
【全网最全的博客美化系列教程】13.鼠标点击效果升级的实现
【全网最全的博客美化系列教程】14.代码高亮设置的实现
【全网最全的博客美化系列教程】15.动画幻灯效果的实现
【全网最全的博客美化系列教程】16.给博客添加一个打赏的实现
【全网最全的博客美化系列教程】17.博客背景刷新切换效果的实现
【全网最全的博客美化系列教程】18.数学之美---动态几何线条的实现
【全网最全的博客美化系列教程】19.旋转立方体的实现
【全网最全的博客美化系列教程】20.给博客添加一个萌萌哒的看板娘
【全网最全的博客美化系列教程】21.给博客添加一个夜间模式吧
【全网最全的博客美化系列教程】22.添加一个文章目录特效
【全网最全的博客美化系列教程】23.图片水纹特效的实现
【全网最全的博客美化系列教程】24.给博客增加一个音乐播放器特效
【全网最全的博客美化系列教程】25.给博客增加一个音乐播放器特效
【全网最全的博客美化系列教程】26.评论头像旋转的实现
【全网最全的博客美化系列教程】27.IP地址定位及天气预报的实现
【全网最全的博客美化系列教程】28.3D标签云动画的实现
【全网最全的博客美化系列教程】29.自制HTML源码运行Javascript特效
【全网最全的博客美化系列教程】30.博客文章实现markdown书写机制
【全网最全的博客美化系列教程】31.用Canvas和requestAnimFrame做动画特效
【全网最全的博客美化系列教程】32.公告栏添加自己的头像
【全网最全的博客美化系列教程】33.添加一只舞动的小知音
【全网最全的博客美化系列教程】34.皮肤背景的选择与定制
公告栏个性时间显示的实现
相信大家也看到了右侧公告栏的动态时钟的效果,是不是感觉还挺不错的?
本文就带大家一起详细了解这个样式的制作过程~~~
这个我们通过F12去查看下源码,我们可以看到如下图这段源码:
我们仔细看看,似乎你会发现,把这些贴上去以后都没有效果,这是怎么回事呢?
这是一个Flash插件,swf是一种动画格式,实现效果应该是下面的Object内容
然后为了方便起见,其实这个内部已经封装成js代码了,只需要把下面这段代码复制即可~~
<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"> </script>
添加方式:进入自己的博客园->设置,将以上html代码添加到“博客侧边栏公告”
原理:学过js的会知道,就是引用了一个封装好的js,内部实现机制是Flash。
添加以后的效果如下:
更多风格请移步至这里:http://chabudai.org/blog/?p=59
这里提供了两种不同的样式,一个是背景透明,一个是背景白色,都提供了相应的源码,你只需要复制到指定位置即可~~
您可以考虑给博主来个小小的打赏以资鼓励,您的肯定将是我最大的动力。thx.
微信打赏
支付宝打赏
作 者: Angel_Kitty
出 处:http://www.cnblogs.com/ECJTUACM-873284962/
关于作者:潜心机器学习以及信息安全的综合研究。如有问题或建议,请多多赐教!
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。
特此声明:所有评论和私信都会在第一时间回复。也欢迎园子的大大们指正错误,共同进步。或者直接私信我
声援博主:如果您觉得文章对您有帮助,可以点击右下角【推荐】推荐一下该博文。您的鼓励是作者坚持原创和持续写作的最大动力!
【全网最全的博客美化系列教程】05.公告栏个性时间显示的实现相关推荐
- 【全网最全的博客美化系列教程】06.推荐和反对炫酷样式的实现
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- 【全网最全的博客美化系列教程】08.自定义地址栏Logo
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- 【全网最全的博客美化系列教程】02.添加QQ交谈链接
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- 【全网最全的博客美化系列教程】03.给博客添加一只萌萌哒的小仓鼠
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- Hexo 博客优化之博客美化系列(持续更新)
2022-01-25 更新:博客新地址:https://www.itbob.cn/,文章距上次编辑时间较远,部分内容可能已经过时! 本文将讲述一些 Hexo 博客的美化,本文以作者 luuman 的 ...
- 打造一个属于自己的博客网站-系列教程
先说说关于自己的博客网站 请允许我介绍下我的网站,本人是2018年6月毕业,8月找到了毕业后的第一份工作,11月开始着手建造网站,到今年10月网站正式发布到网络,项目经验从零到一,从只会一点JavaS ...
- 前端小白也能快速学会的博客园博客美化全攻略
前端小白也能快速学会的博客园博客美化全攻略 A呦V,博客园er的自我修养是什么?第一条,别只顾收藏和偷师呀,记得点"推荐"或关注本人喔~ 美化方法论简介 一般而言,需要选一个默认的 ...
- 前端小白也能快速学会的博客园博客美化全攻略[附源码]
前端小白也能快速学会的博客园博客美化全攻略[附源码] 文章目录 前端小白也能快速学会的博客园博客美化全攻略[附源码] 美化方法论简介 准备工作 js权限申请 如何模仿一个博客园的自定义风格(样式css ...
- hexo最全搭建博客教程
目录 前言 入门 安装 Node.js 安装 Git 检验Git是否安装成功 安装Hexo Hexo 初始化配置 本地查看效果 将博客部署到 Gitee Pages 上 注册 Gitee 账户 创建项 ...
最新文章
- PHP+mysql+ajax搭建图书管理系统
- linux 手动睡眠
- eclipse juno_Eclipse Juno上带有GlassFish的JavaEE 7
- 关于技术管理者应该如何做好工作安排的一点思考
- 大数据技术之kafka (第 3 章 Kafka 架构深入) Zookeeper 在 Kafka 中的作用
- netty实现消息群发
- 干货下载丨开源数据库安全管理
- 珠江三角洲 芯片恩仇录
- python编程(再述rpc)
- rollup配置及使用
- 常用的正则表达式-收藏版
- 《移动App测试的22条军规》—App测试综合案例分析23.11节测试微信App对多语言和地区的支持...
- php赛车,php调用接口及三分赛车平台搭建出租编写接口
- 燕山大学高数AⅠ复习资料
- 已经导入aspectjweaver maven坐标却无法import
- 【推荐】实现跟随鼠标移动的浮动提示框、气泡框、Tip效果
- 人力资源管理案例选读【2】
- 白话 RESTful,OpenApi(OAS),Swagger
- ESP32-GY_30光照强度传感器
- 计算机反复几次才能启动,电脑连续开机几次才能启动怎么办?