当前搜索:

移动端ios直接设置currentTime无效解决方法

前段时间做过一个项目,每个页面设置了同一个背景音乐,但客户要求音乐从一个页面进入另一个页面后,要接着上一页面播放时间播放,所以进入新页面后设置currentTime为上个页面播放时间但ios系统直接设置无效,在判断音乐可播放时(canplay)再设置currentTime才可以,但在安卓设备上也这...
阅读(154) 评论(0)

使用jquery.qrcode生成二维码

1、HTML部分设置代码:<div id="code"></div>2、包含jquery.qrcode.js(https://github.com/jeromeetienne...
阅读(26) 评论(0)

微信音频接口调用demo

前几天做一个录音送祝福的项目,事先做了一个demo,记录一下,方便日后需要时套上直接使用<!DOCTYPE html> <html> <head> &...
阅读(402) 评论(0)

自己写的几个常用css动画(自己收藏用)

/*向左移动并弹性显示*/ @-webkit-keyframes fadeToLeftTan{ 0%{ -webkit-transform:translateX(100%); opacity:0;} 70%{ -webkit-transform:translateX(-5%); opacity...
阅读(110) 评论(0)

根据当前页码、总页数,设置页码并实现页码切换功能

根据当前页码、总页数,设置页码并实现页码切换功能 AJAX获取列表数据时,前端根据当前页码、总页数设置页码选择元素,前后各显示5个页码,并实现页码切换功能 demo代码: 设置页码 .page_show{ padding: 40px 0; text-align: c...
阅读(382) 评论(0)

一屏展示多个li轮播设置demo

一屏展示多个li轮播设置demo,一般要从数据库中调出数据,按之前写过的轮播方法(一个li是一屏),需要判断分页,要嵌套循环输出数据,此次写的方法不用再判断分页了,JS根据一屏显示多少个li设置分页效果 只需对head中设置元素的CSS样式进行修改,即可改变显示效果 一屏放5个 一屏...
阅读(477) 评论(0)

移动端H5页面,上下滑动翻页

移动端H5页面,上下滑动翻页 向上滑动进入下一页 , 当前页(加CSS样式outTop)向上移动移出窗口 ,下一页(加CSS样式inTop)向上移动进入窗口 向下滑动进入前一页 , 当前页(加CSS样式outDown)向下移动移出窗口 ,下一页(加CSS样式inDown)向下移动进入窗口 同时设置...
阅读(1057) 评论(0)

移动端页面上下滑动,大小、透明度的变化视觉差异效果切换页面

移动端页面上下滑动,大小、透明度的变化视觉差异效果切换页面 上滑动进入下一页 , 当前页从 scale=1 放大至 比1的大倍数 ,并且透明度降低至0 ,下一页从 scale=0.1 放大至 scale=1 , 透明度无变化 下滑动进入前一页 , 当前页从 scale=1 缩小至 scale=0....
阅读(1394) 评论(0)

原生JS判断页面中图片加载完成

自己写的判断页面中图片加载完成的方法,用原生JS完成,不用jq主要考虑在不加载jq的情况下,代码可以正常执行 判断指定ID的盒子中所有图片加载,demo代码如下: 页面图片加载完成测试 //'loadingBox' =...
阅读(484) 评论(0)

涂抹CANVAS,判断清除完毕执行操作

涂抹CANVAS,判断清除完毕执行操作 clearCanvas.js代码如下: function clearCanvas(imgSrc,Bl,callback){ var ctx = null; var mouseX = null; var mouseY = null; var _wi...
阅读(904) 评论(0)

JS禁止页面中的一些操作事件

禁止鼠标右键:oncontextmenu="return false"; 禁止选择:onselectstart="return false"; 禁止拖放:ondragstart="return false"; 禁止拷贝:oncopy...
阅读(211) 评论(0)

循环展示图片(画中画效果)CANVAS2.0版

循环展示图片(画中画效果)CANVAS2.0版 之前设计的一版在测试当中有点问题,PC端测试是没有问题的,但在手机上访问时,切屏时就出现闪屏(本就出现的大图没有出现,是之前的小图突然变大,一闪而过,然后再显示正常的大图)问题,总结原因,应该还是在移动端加载慢的问题 这一版做了优化,第一屏时加载三张...
阅读(670) 评论(0)

循环展示图片(画中画效果)

循环展示图片(画中画效果),页面展示效果就是每次显示两张叠加起来的图片,上面的一张图在下面的图的里面,画面不断的缩小,当下面的一张图缩放到窗口大小时它自己切换成上面的图片,叠加在另一张新加载的图片(下面的图)的上面 最先设计的一版是用JS定时器不断控制HTML中两张图片的大小、定位信息的,为...
阅读(746) 评论(0)

活动倒计时功能

做了一个显示活动倒计时的功能,方便用到时直接拿来就用 与今天之后的某一特定时间的倒计时 离结束时间还差天小时分秒 //getTimeS(86400000); getTimeS(new Date(2017,6,3,10,40,0) - new Date());//当前时间 与 2...
阅读(255) 评论(0)

安卓微信中播放视频终于可以不再自动全屏啦

最新的设置安卓视频不全屏播放(不知道是否全部安卓机型都支持)的方法 前两天做了一个石头剪刀布的视频游戏项目,测试过程中找到了更加简便的方法,分享下,如下设置HTML代码: 安卓设置属性:  x5-playsinline="true" 实测,不可加以下属性设置,否...
阅读(8576) 评论(5)

CSS3之:object-position/object-fit深入了解

object-fit和object-position之间的关系有点类似于background-size和background-position,无论是,关系还是属性值,都有相似之处,因此,我们在理解object-fit和object-position的时候,可以或多或少映射background-s...
阅读(536) 评论(0)

PC端、移动端都可以用的图片轮播(左右滑动切换)插件及使用

PC端、移动端都可以用的图片轮播(左右滑动切换)插件及使用 注:PC端JQ版本2.0或以上会报错 页面包含 jquery.touchSlider.js,代码: /** * @name jQuery.touchSlider * @version 201209_2 * @since 2...
阅读(572) 评论(0)

小程序单位:rpx、rem的具体使用方法及算法

小程序单位:rpx、rem的具体使用方法及算法 1)rpx:不论哪个型号的手机,屏幕宽度都是750rpx rpx与px的转换,根据设计稿换算 例如:设计稿750px宽度,ps上量出宽度是多少,那么就定义多少rpx,也就是,1px = 1rpx 例如:设计稿640px宽度,那么需要转换一下,...
阅读(417) 评论(0)

JS设置页面下拉刷新

JS设置页面下拉刷新 //滑动动作 document.body.addEventListener("touchstart", touchStart, false); document.body.addEventListener("touchmove",...
阅读(633) 评论(0)

设置页面全屏

设置页面全屏方法: //全屏 function launchFullscreen(element) { if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.mozRequestFul...
阅读(287) 评论(0)
    个人资料
    等级:
    访问量: 19万+
    积分: 2397
    排名: 1万+
    文章分类
    最新评论