耳东二丰一心-优快云博客

原创 WXT开发学习之content中添加本地图片

在我们开发过程中，需要操作浏览器网页，并且要在网页中加入html结构代码，这事不可不免会需要插入本地的图片在网页中，但是浏览器网页中并没有我们需要的本地图片资源，这是就用到本文要介绍的知识。

2025-06-30 16:32:18 245

HTML 订单提交中… css dot { display: inline-block; height: 1em; line-height: 1; vertical-align: -.25em; overflow: hidden; } dot::before { display: block; content: ‘…\A…\A.’; white-space: pre-wrap; animation...

2019-01-07 11:36:54 1225

原创 type='number'类型时可以输入字母e的处理

可以输入小数点情况: input中加入事件 onKeypress="return (/[0-9\.]/.test(String.fromCharCode(event.keyCode)))" 不可以输入小数点情况: 正则换成如下 onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))" 如果需要处理n...

2018-12-29 16:20:24 1588

原创鼠标放入图片缩放放大过度效果

1.html部分 <div> <img src="ss.png"/> </div> 2.css部分 div { width:300px; height:200px; overfolow: hidden; } img { width:100%; height:100%; transition: transform 1s; transform: sc...

2018-11-30 15:03:34 460

原创 vue+jq图片全屏滚动切换动画效果

1. 遍历图片,图片设置id(本人用遍历索引设置为每个图片id), 设置全局变量switch = true控制滚动开关; 2. 监听滚动事件 document.addEventListener('mousewheel',this.scroll); //兼容性暂时没考虑 3. 滚动事件处理函数 scroll(e) { var that = this var e = e...

2018-11-30 10:45:08 1494

转载滚动的图片栏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2018-09-28 09:47:47 437

转载简单的四列瀑布流效果

<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <style type="text/css"> *{ padding: 0

2018-09-27 10:06:06 270

原创微信支付功能

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width,

2018-09-17 09:04:04 382

原创微信扫一扫功能

let para = { opentoken : token, currUrl : location.href }; $.ajax({ type: "POST", url: url, ...

2018-09-14 09:01:35 586

转载 leaflet插件imageOverlay简单用法

&lt;html&gt;&lt;head&gt; &lt;title&gt;Leaflet class diagram - Leaflet&lt;/title&gt; &lt;meta charset="utf-8"&gt; &lt;meta name=&quot

2018-09-06 09:26:26 5137

原创简单的搜索功能

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <di

2018-08-31 10:52:29 447

转载 find 用对象的属性查找数组里的对象

find 用对象的属性查找数组里的对象快捷键 var inventory = [ {name: 'apples', quantity: 2}, {name: 'bananas', quantity: 0}, {name: 'cherries', quantity: 5} ]; function findCherries(fruit) { re...

2018-08-29 10:30:17 4241

qq_38354883的博客