Evan_QB的博客

守护繁华,必先远离繁华

【js小案例】控制台打印动态的花

var svgbiz = '<svg xmlns="http://www.w3.org/2000/svg" width="320" height="320" fill=...

2018-06-23 22:28:09

阅读数 41

评论数 0

【js小案例】js实现图片回显

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8&...

2018-05-11 11:22:14

阅读数 140

评论数 0

【js小案例】使用js实现在线签名并导出pdf文件

在网上经历了一番搜索,发现了一些插件实现该功能。本次引用的插件有:jspdf.min.js html2canvas-0.4.1.js页面index.html<!DOCTYPE html> <html> &...

2018-04-19 09:54:53

阅读数 1186

评论数 3

【js案例】使用js制作写字画布

canvas实现画板功能canvas实现画板功能Setp1构建网页基本样式Step2构造实现画板各个功能的js代码Step3加载js文件需求分析 1.具有基本的铅笔功能 2.即时直线绘制 3.即时绘制矩形 4.即时圆形 5.即时橡皮擦 7.插入图片 8.把画板保存为图片并下载 //此处还没做好,画...

2018-04-17 20:58:22

阅读数 740

评论数 0

【js】使用js将html导出为pdf格式

项目开发中遇到了一个变态需求,需要把一整个页面导出为pdf格式,而且要保留页面上的所有的表格、svg图片和样式。简而言之,就是希望像截图一样,把整个页面截下来,然后保存成pdf。咋不上天呢……查了一下,能够实现html转pdf的方法还是挺多的,大概有以下几种:1、大部分浏览器就有这个功能。然而我们...

2018-04-17 15:38:15

阅读数 566

评论数 0

【js小工具】csdn博客去除水印

新版csdn更新后,我们每次插入图片时都会默认加上水印,虽说是为了保证版权问题,但同时也影响了观赏效果:     于是我上网查了一下,发现了博客水印的规律 https://img-blog.csdn.net/20180404090529892?watermark/2/text/aH...

2018-04-04 09:34:18

阅读数 710

评论数 0

【js】jQuery实现五星评分

html代码: ☆ ☆ ☆ ☆ ☆ css样式 *{ margin:0; padding:0; ...

2018-01-27 14:11:25

阅读数 1522

评论数 0

【js】使用js实现遮罩层

首先我们定义好html结构,mask为遮罩层的结构 登陆 使用css样式,首先使mask遮罩层隐藏 .mask{ width: 100%; height: 100%; position: fixed...

2018-01-27 13:17:14

阅读数 2330

评论数 0

【js小案例】使用ajax实现验证码功能

首先创建一个验证码 <%@ page contentType="image/jpeg; charset=utf-8" language="java" import="java.util.*,java.awt.*,java.awt.im...

2017-11-07 23:12:47

阅读数 1345

评论数 0

【js小工具】去除所有空格

function trim(str){ //从左侧开始替换空格 str = str.replace(/^\s*/,&quot;&quot;); //从左侧开始替换空格 str = str.replace(/\s$/,&quot;&quot;); retu...

2017-11-07 22:43:35

阅读数 502

评论数 0

【js】使用xml数据载体实现城市省份二级联动

首先写好前台页面testProvince.jsp,将请求通过open、send发送到服务器 <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+r...

2017-11-07 13:19:17

阅读数 275

评论数 0

js实现ajax的步骤

开发步骤: 第一步: 创建ajax异步对象 第二步: 准备发送异步请求,例如:ajax.open(method,url); 第三步:如果是POST请求,一定要设置请求头,即 ajax.setRequestHeader("content-type","applicati...

2017-11-06 23:10:06

阅读数 700

评论数 0

JS中的4大对象

一.内置对象 例如:Date,Math等 二.自定义对象 function Student(id,name,sal){ //this指向s引用 this.id = id; this.name = name; this.sal = sal; }三.浏览器对象 例如:window对象,do...

2017-11-06 22:57:57

阅读数 563

评论数 0

使用CSS3绘制简单的Android机器人

html CSS部分 body{ margin: 0; padding: 0; background...

2017-10-07 11:35:51

阅读数 731

评论数 0

使用css3之text-shadow实现艺术字

在css3中text-shadow属性就是实现基础的文本阴影效果: span{ /* 文字阴影: text-shadow: 水平位移 垂直位移 模糊程度 阴影颜色; */ font: 700 100px "Comic Sans...

2017-09-14 22:31:33

阅读数 4666

评论数 0

css3盒子模型内减模式和外加模式

内减模式border-box 外加模式content-box content-box 为 外加模式,用户设置的宽度和高度是相对稳定的,增加border、padding会使整个盒子变大 border-box: 为内减模式,盒子的实际宽度和高度是固定不变的,用户已经设置好的w...

2017-09-14 22:16:26

阅读数 1420

评论数 0

正则表达式之验证简单的中文名字

var inp = document.getElementsByTagName("input")[0]; var span = document.getElementsByTagName("span")[0]; var reg = /^[\u...

2017-09-12 13:32:19

阅读数 2185

评论数 0

用js实现旋转轮播图

首先我们需要明白3d轮播图的原理 移动的原理: 首先每一站图片对应这一个样式 向左移动: 我们可以将第一张图片样式给删除,添加到最后一张(第五张)样式的后面,这样就实现了向左图片的切换   向右移动: 我们可以将最后一张(第五张)图片样式给删除,添加到第一张样式的前面,这样就实现了向右图...

2017-09-12 00:04:53

阅读数 1299

评论数 0

使用js缓动动画封转

/** * @param ele 目标元素 * @param json json对象 * @param fn 回调函数 */ function animate(ele,json,fn){ //清除定时器 clearInterval(ele.timer); ...

2017-09-10 17:30:20

阅读数 207

评论数 0

兼容写法获取元素样式

//兼容方法获取元素样式 function getStyle(ele,attr){ //window.getComputedStyle能够获取元素的实际样式,但是低版本的ie8及以下不支持 //其他浏览器版本 if(window.getComputedStyle){ return win...

2017-09-10 17:00:20

阅读数 291

评论数 0

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