前言在尝试翻译富兰克林mod的文本时，用到了百度翻译。发现机翻的准确性很高。而重复地筛选文本再拷贝翻译的操作对于一个程序员来讲是很枯燥的，于是萌生了写这个工具的想法。本人擅长前端和安卓开发，而文本翻译就只剩下前端网页了。目前先写了个纯html的翻译器。后期考虑使用vue进行改写，可以对UI及功能有更好的支持。工具特色1、使用百度翻译的api进行机翻，质量有保证2、支持单个json文件，内容格式形如
应同项目组要求，写一个等待缓冲的特效样式，初次接有点懵，虽然知道很小，但从未接触这个缓冲，无奈问度娘。 最开始实现缓冲是用gif动图，但现在有很多成熟的HTML+CSS
原创
2022-01-12 17:58:08
683阅读
许久没有写过小例子的代码了，今天有个朋友让我用js帮他做一个日历。实现基本的日历功能，很可惜，本人对jquary等技术一直都不感兴趣，也因是做后台开发，很少写前台代码，但朋友相求，不得不帮，于是乎写了一个小实例，给大家分享下（因为他要的很急，时间不是很充裕，没有做代码重构及样式添加，仅仅是个小框架，勿喷）。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD H
原创
2013-01-20 00:30:45
1587阅读
# 使用 HTML5 和 CSS 实现一个日历
在这个教程中，我们将逐步教你如何用 HTML5 和 CSS 创建一个简单的日历。即使你是刚入行的小白，只要跟随下面的步骤，你也能成功实现这个项目。
## 一、项目流程概述
在开始之前，我们先明确一下整个项目的流程，如下表所示：
| 步骤 | 任务 | 说明
很多App都有这种效果，特别一些电商类的App，顶部每个几秒钟会向右翻页显示下张图片。今天来简单地模仿，还自
原创
2022-12-06 01:34:52
74阅读
HTML+CSS实现轮播图效果效果图如下（想要源码或者感兴趣的小伙伴可以评论
原创
2022-07-01 11:07:02
2566阅读
HTML+CSS实现弹跳球效果效果图如下：HTML部分源代码如下：<!DOCTYPE html><html lang="en
原创
2022-07-01 11:08:54
315阅读
css和html实现花瓣动画效果如图1首先我们要画一个建立一个正方行模型，里面来接椭圆<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal
原创
2022-11-13 16:55:51
717阅读
GIF动图演示代码目录主要代码实现：css样式@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,900&display=swap");* { box-sizing: border
原创
2021-09-10 15:22:04
490阅读
效果演示：文末获取源码代码目录：主要代码实现：HTML代码 :上面的图片文件和js文件需要引入源码获取查看博主主页或下方链接获取精彩推荐更新中：
原创
2021-09-10 15:22:47
338阅读
效果演示：文末获取源码代码目录：主要代码实现：HTML代码 :上面的图片文件和js文件需要引入源码获取查看博主主页或下方链接获取精彩推荐更新中：HTML5大作业实战100套打卡 文章 更新43/
原创
2022-02-18 10:07:14
141阅读
GIF动图演示代码目录主要代码实现：css样式@import url("https://fonts.googleapis.co
原创
2022-03-08 17:53:19
120阅读
毛玻璃其实就是磨砂玻璃，能够模糊的看清背后的风景，让人感觉有种朦胧美，让界面看上去有些层次感。比如：高大上啊，接下来肯定是眼馋手痒的过程。。。当然，用ps搞一个全景毛玻璃背景毫无疑问是最省事的，那接下来就没啥事可干了。当然no no no了。毛玻璃无疑就是种模糊了，少不了filter blur。最终效果（chrome）：天气预报嗯，也算是将就了。。。<!DOCTYPE html>
&l
转载
2023-07-19 21:19:18
793阅读
一个结构良好的页面由三部分组成：结构HTML表现css行为jsHTML语法宽松，通过标签定义网页结构由浏览器的html解析器解析，及时代码不严格，浏览器也能解析，建议按标准语法来编写代码。语法通过标签的闭合为基础点`例：内容双标签`，````属性：属性必须有值，值需要使用" "或' '引起来html不区分大小写常用标签：标题：~由大到小段落：,换行：无序链表：...语法注释：多行注释`不会被浏览器
转载
2024-04-11 13:20:25
21阅读
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } ...
原创
2022-01-27 13:50:26
272阅读
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } ...
原创
2021-08-27 14:26:00
403阅读
demo.html demo.css 效果： 2017-09-06 11:20:46
转载
2017-09-06 11:21:00
334阅读
2评论
这个原生代码的js日历插件是根据我前面的那个生成日历效果的函数改造而成的，原本以为利用我前面那个日历函数可以很容易就实现博客园一样效果的日历插件，但事实上还是费了一般的功夫才实现这个博客园效果的日历插件，个中遇到的问题就不一一叙述了，只讲两点。 我本以为这个时间插件的点击事件是比较容易实现的，但，动手时才发现，点击事件并不好绑定，刚开始，我是把日历全部都放在一个table里面。我以为这样子生成一
转载
2024-08-23 20:12:24
26阅读
