自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 资源 (1)
  • 收藏
  • 关注

原创 图片点击放大,带上一张下一张按钮

前言之前写过单纯的图片点击放大的效果,这次完善了一下,加上了左右切换上一张下一张按钮一、先上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>点击图片放大</title> <script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></scrip

2021-01-30 13:51:16 890

原创 使用canvas画太极图,可自适应大小

canvas实现太极图效果图思路用arc() 方法画圆或者半圆,圆的起始角度为0,结束角度是2Math.PI,Math.PI=3.14=180度, 可以让Math.PI/180度数获得想要的角度用法就是这样context.arc(x,y,r,sAngle,eAngle,counterclockwise);详细参数解释可以去菜鸟教程看https://www.runoob.com/tags/canvas-arc.html自适应大小是通过获取canvas外层的div的宽度来的,让外层div 宽

2020-12-22 11:11:11 392

原创 js实现网页飘窗

前言js写的网页飘窗,让元素一直在屏幕来回飘动,鼠标经过的时候停止运动.思路通过fixed定位设置元素位置,然后通过 (元素宽高) 与 (left/top值) 与 (移动像素) 这三个的和相加得到的结果和屏幕宽高相比较,这样来判断移动方向.最后用onmouseover和onmouseout来实现鼠标经过的时候停止动画,鼠标离开继续动画先上代码代码如下(示例):<!DOCTYPE html><html> <head> <meta charset=.

2020-12-12 11:19:47 5627 1

原创 织梦表单发送到邮箱

文章目录前言一、开启SMTP服务和获取授权码1.QQ邮箱或者163邮箱开启smtp服务拿到授权码,步骤差不多,根据自己的来二、进入织梦后台设置1.网站后台 - 系统 - 系统基本参数 - 核心设置2.网站后台 - 系统 - 系统基本参数 - 添加新变量3.修改 /plus/diy.php总结前言关于织梦后台对接邮箱, 我整理了以下步骤,适用于163邮箱和qq邮箱一、开启SMTP服务和获取授权码1.QQ邮箱或者163邮箱开启smtp服务拿到授权码,步骤差不多,根据自己的来QQ邮箱163.

2020-12-11 17:11:06 856 1

原创 js制作简单的日历

前言自己闲暇时用js写了一个比较简单的日历, 给大家分享下一、下面是完整代码代码如下(示例):<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>日历</title> <style

2020-12-10 11:51:40 5788

原创 很简单的jq点击放大图片的效果

前言很简单的点击放大图片的效果,代码都有注释,一看就懂一、先上代码<html> <head> <title>图片放大</title> <script src="jquery.min.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> body,html{margin:0;padding:0;bac.

2020-12-10 11:39:09 776

原创 jq超级简单的回到顶部效果

前言很简单的用jq实现回到顶部的效果,其实还有其他的办法实现回到顶部效果,但是个人觉得这个比较好用1.使用前别忘了引入jq,先看代码代码如下(示例):<html> <head> <title>回到顶部</title> <script src="jquery.min.js" type="text/javascript" charset="utf-8"></script> <style type="text/.

2020-12-10 11:20:48 489

jq数字递增特效,数字大小不同但是同时停止

数字递增特效,数字是在同一时间结束递增的,就是数值大的数字递增的快,数值小的数字递增的慢

2020-12-22

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除