上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 21 下一页
摘要: 项目应用-布局钟表支架和页面图片 在前面实现两种时钟的效果,将前面用到的知识整合于一小项目中 用到的素材: 由于这张截取的素材太大,我就不放在该位置了 项目页面初始布局效果: 初始布局代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="U 阅读全文
posted @ 2019-08-31 17:17 perfect* 阅读(352) 评论(0) 推荐(0) 编辑
摘要: 数码管时钟-根据当前时间变化秒钟 在上一篇博文中实现了数码管时钟的布局,接下来我们就让数码管时钟动起来吧!在该篇博文中录的gif图像有点差强人意,望见谅。 项目文件: 实现根据当前时间变化秒钟的效果: 实现该效果的js代码: 其中: 注意: 数码管时钟-根据当前时间变化小时和分钟的图片 实现方式和秒 阅读全文
posted @ 2019-08-31 15:39 perfect* 阅读(571) 评论(0) 推荐(0) 编辑
摘要: 在上几篇博文中介绍了基于js和jQuery实现了表盘时钟,接下来将去实现数码管时钟 数码管时钟-创建工程-基本布局 实现数码管用到的素材: 链接:https://pan.baidu.com/s/1kfb_YskyDzpuRxEtbOWsyg 提取码:e233 创建工程:ClockLed.html 布 阅读全文
posted @ 2019-08-31 10:49 perfect* 阅读(391) 评论(0) 推荐(0) 编辑
摘要: 在上一篇博文中使用了js实现了时钟的案例,在这篇博文中将介绍使用JqueryRotate插件简化时钟代码以及为时钟进行添加声音 使用JqueryRotate插件简化时钟 插件jqueryrotate优点 它可以实现旋转效果。jqueryrotate 支持所有主流浏览器,甚至包括 IE6,所以在兼容方 阅读全文
posted @ 2019-08-30 23:51 perfect* 阅读(761) 评论(0) 推荐(0) 编辑
摘要: 在上一篇博文中实现了秒针的转动,接下来需要进行实现分针的布局和旋转角度计算和时针的布局和旋转角度计算 时钟案例-分针的布局和旋转角度计算 实现的效果图: 实现该效果的css代码与HTML代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=" 阅读全文
posted @ 2019-08-30 22:29 perfect* 阅读(476) 评论(0) 推荐(0) 编辑
摘要: 时钟案例-显示表盘 需要使用到的素材: 显示表盘的最终效果: 使用到的css: 使用到的HTML: 其中: 表示铺满整个div 时钟案例-秒针的布局 需要按f12细微的调节其位置,记得复制调整好的位置哦! 最终实现的效果: 实现该效果的css以及HTML: 时钟案例-秒针调整旋转原点-编写定时器秒针 阅读全文
posted @ 2019-08-30 17:47 perfect* 阅读(525) 评论(0) 推荐(0) 编辑
摘要: CSS实现网页元素的旋转 方式一:css方式 针对一个DOM,使用css并不能让其一直循环旋转,css只能使其旋转一定的角度: 因此使用js的代码实现一直旋转: 使用的js的代码如下,通过使用一个变量,每一秒转动10度: html 其中:使用了启动定时函数,第一个参数为调用的函数,第二个参数为间隔的 阅读全文
posted @ 2019-08-30 11:14 perfect* 阅读(745) 评论(0) 推荐(0) 编辑
摘要: 前台页面数据通过连接数据库信息将数数据显示在页面上: 最终实现的效果: 前台的路由: 前台的首页: 1 <!doctype html> 2 <html lang="zh-CN"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="renderer" co 阅读全文
posted @ 2019-08-29 11:02 perfect* 阅读(756) 评论(0) 推荐(0) 编辑
摘要: 登录后台 需要监听用户的访问地址,只有管理员才能登录后台 在后台的路由admin.js: 登录页面: 进行处理登录的操作: 登录的效果如下: 退出后台登录: 当点击 在后台路由中写入 最终实现的效果图: 整个后台的路由: 1 //导入express 2 3 let express=require(" 阅读全文
posted @ 2019-08-29 10:45 perfect* 阅读(1191) 评论(0) 推荐(0) 编辑
摘要: 查看功能: 在视图views中新建文件夹comment用来存放评论管理的页面: 当点击侧边栏的评论管理,因此需要路由的跳转,在后台路由中新建comment.js用来实现评论管理所需要的路由: 在使用该路由之前需要对该路由进行注册: 在评论管理的路由中进行书写加载页面的代码,并展示相关数据: 其展示出 阅读全文
posted @ 2019-08-29 10:18 perfect* 阅读(707) 评论(0) 推荐(0) 编辑
上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 21 下一页
$(function() { $('#cnblogs_post_body img').each(function() { let imgSrc = $(this).attr('src'); let year = parseInt(imgSrc.substr(imgSrc.indexOf('g')+1,4)); if(year >= 2022){ imgSrc += `?watermark/2/text/amlndWl5YW4=/font/5a6L5L2T/fontsize/15/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast`; $(this).attr('src', imgSrc) } }) })