H5
hy3528
这个作者很懒,什么都没留下…
展开
-
九宫格抽奖demo
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>js九宫格抽奖</title> <style> * { pad原创 2020-07-17 16:00:11 · 168 阅读 · 0 评论 -
返回上一页的方法js
window.history.go(-1); //返回上一页window.history.back(); //返回上一页window.location.go(-1); //刷新上一页window.history.back();location.reload();//强行刷新(返回上一页刷新页面)//如果要强行刷新的话就是:window.history.back();//刷新当前页 window.location.reload();Javascript 返回上一页:history.go(-1)原创 2020-07-09 11:58:06 · 436 阅读 · 0 评论 -
H5在微信中点击查看预览图片
//图片预览 yulanimg(index) { mep = this.list.vip_imgs //需要预览的图片数组 let mmp = [] for (let i = 0; i < mep.length; i++) { console.log(mep[i].image) m...原创 2020-07-04 14:12:36 · 2024 阅读 · 1 评论 -
vue-cli自定义海报功能(html2canvas)
<template> <div class="vue"> <div id="real_poster" class="real_poster" ref="real_poster"> <img class="bg" :src="bgurl" alt /> <img id="wxcode" v-bind:style="{top:wxtop + 'px',left:wxleft + 'px'}"原创 2020-06-11 17:55:22 · 585 阅读 · 0 评论 -
拖拽移动div(PC端和移动端)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>Document</title>原创 2020-06-09 11:58:25 · 399 阅读 · 0 评论 -
微信H5分享
引入微信的js在这里插入代码片js中<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script><script> //根据自己的域名配置 wx.config({ debug: false, appId: '{$signPackage["appId"]}', timestamp: '<?php echo $signPac原创 2020-06-05 10:11:54 · 344 阅读 · 0 评论 -
带背景音乐上下轮播活动demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>mu原创 2020-05-09 13:39:17 · 226 阅读 · 0 评论 -
利用html2canvas时图片变形问题以及保存时超出屏幕缺失
//判断图片宽高赋予不同的css widthheight(e, id) { // 判断图片的宽高 let that = this // 图片地址 e是传进来的图片链接(或者你可以直接写图片链接进来) var img_a = e...原创 2020-03-27 15:20:13 · 4158 阅读 · 0 评论 -
h5上传图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-03-26 11:33:26 · 159 阅读 · 0 评论 -
H5页面利用css3动画以及定时器制作动画效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalabl...原创 2020-03-06 15:37:50 · 780 阅读 · 0 评论 -
h5页面ios原生弹窗出现字符解决方法
window.alert = function (name) { var iframe = document.createElement("IFRAME"); iframe.style.display = "none"; iframe.setAttribute("src", 'data:text/plain,'); document.documentElement....原创 2020-06-02 17:19:40 · 459 阅读 · 0 评论 -
当html弹出弹框层时,禁止底部层滚动
给点击事件中添加下面的代码,将导致底层无法滚动 $('body').css({ "overflow": "hidden", "height": '100%' })//禁止底层页面滚动 $('html').css({ "overflow": "hidden", "height": '100%' })...原创 2019-12-25 13:56:44 · 1483 阅读 · 0 评论 -
html Tab 标签页应用
Vue(带内容显示层)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js"></script>...原创 2019-12-21 17:26:27 · 828 阅读 · 0 评论 -
移动端调试神器vConsole
<script type="text/javascript" src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> <script> // 初始化 var vConsole = new VConsole(); conso...原创 2019-12-19 10:27:50 · 194 阅读 · 0 评论 -
移动端旋转地球轮播图
<!DOCTYPE html><html lang="en"><head><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta charset="utf-8"> ...原创 2019-12-13 09:07:13 · 272 阅读 · 1 评论 -
h5(小程序)筛选弹框缓慢弹出效果
.fadein { animation: fadein .5s;}@keyframes fadein { 0% { transform: translate(100%, 0); } 100% { transform: none; }}效果图(点击筛选后此弹框会从右边缓慢弹出)...原创 2019-12-07 15:51:47 · 960 阅读 · 0 评论