关闭

h5腾讯提供的边栏垂直滚动导航案例

边栏垂直滚动导航使用说明自动滚动到对应ID内容板块; 自动添加当前导航对应的样式; 可定义随意拖动。效果: 参考源链接:http://tgideas.qq.com/webplat/info/news_version3/804/25810/25811/25813/25816/m16274/201611/522586.shtml...
阅读(13) 评论(0)

h5、select下拉框右边加图标,深度美化页面增进用户体验

h5、select下拉框右边加图标 1.那么我们先来看一下效果吧! 2.再看看h5的结构: <option value=""...
阅读(31) 评论(0)

h5让图片转圈的动效,让页面动起来

h5让图片转圈的动效,让页面动起来 1.先瞧瞧效果: 2.代码是这样的:@mixin ani-btnRotate{ @keyframes btnRotate{ from{transform: rotateZ(0);} to{transform: rotat...
阅读(40) 评论(0)

js防止安卓手机软键盘弹出挤压页面导致变形的方法

h5防止安卓手机软键盘弹出挤压页面导致变形的方法 先看看问题: 1.原来是这样的: 2.在苹果手机里面是正常的: 3.到了安卓就是这样: 4.原因就是在安卓中被软键盘顶上来了,而苹果的软键盘是覆盖的(分层) 5.后来用的解决方法是,把当前页面的body固定好,即在当然页面加上这段js:$('body').height($('body')[0].clientHeight);6....
阅读(42) 评论(0)

h5、tab图片滚动原生js代码

h5、tab图片滚动原生js代码: 1.先看看案例图片; 2.功能:a.点击tab中的款式,图片可以更换.b点击左右按钮图片可以更换,tab中的款式选中对应的。 话不多说,直接上码: html 大屏单柜 A款</li...
阅读(72) 评论(0)

ajax请求时提醒参数为空的解决办法

1.ajax请求时提醒参数为空的解决办法: 我们要把js对象用stringify转成json,然后再加上:contentType: “application/json” var _phone = $("#phone").val(); var timestamp = (new Date()).valueOf(); var x= {...
阅读(185) 评论(0)

h5、js最详细的正则检验手机号码

h5、js最详细的正则检验手机号码 1.html部分代码 <input type="text" placeholder="请输入您的电话号码" id="phone" required="" m...
阅读(54) 评论(0)

h5头像图片旋转css3精确控制每个图片的位置

h5头像图片旋转css3精确控制每个图片的位置: 1.下面是需要的效果图: 2.用到的图片有: ...
阅读(67) 评论(0)

h5按钮css3动态特效,让页面静不下来

h5按钮css3动态特效,让页面静不下来 在写一些h5页面的时候,难免会需要增加一些动态的效果。今天我来介绍一种,在按钮上添加动态效果的做法。保证让你瞒住,嘻嘻。 先看看效果图: 由于是动态而且颜色不是很明显,所以可能一下子看不出来,但它确实存在。现在我们通过代码来看看它的存在吧。 <div id=...
阅读(13436) 评论(0)

h5大转盘,圆盘抽奖,正方形抽奖

h5大转盘,圆盘抽奖,正方形抽奖等是我们搞活动的时候用的很多的需求,那么如何才能拥有一个好的插件的。以下我来介绍一款:原生 JavaScript 抽奖组件,支持移动端适配,无框架依赖,抵制 FLASH ! 源码到这个网址拿:http://game.gtimg.cn/images/js/delottery/index.html 1. 2. 3. 以下是一个案例:...
阅读(144) 评论(1)

h5开发通用sass基础配置文件

h5开发通用sass基础配置文件: a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, emb...
阅读(72) 评论(0)

h5开发必备之切图工具cutterman

h5开发必备之切图工具cutterman 设计师,给我们开发的psd图,很多时候需要我们切的,那么我们有什么快速切图的工具。 今天来介绍一块很是牛逼的ps插件,它非常小但是功能非常强大,可以节省很都传统切图的时间。 1.到官网下载: 2.安装: 3.答疑: 4.使用说明: 嘻嘻,确实好用,不骗人。...
阅读(73) 评论(0)

h5开发必备工具之草料二维码浏览器插件

h5开发必备工具之草料二维码浏览器插件 做h5开发,的一个重点是如何适配手机,那么如何让你敲的代码可以在你手机上简单看到呢。 原理很简单,就是将你的电脑变成服务器,发射wifi给手机进行连接。然后在你电脑上构建的服务器上进行访问即可。 下面我推荐一个浏览器二维码插件,它可以方便地让你用手机扫描测试。 1.到草料二维码官方找到浏览器插件: 2.安装插件:在google得拓展工具上进行安装...
阅读(60) 评论(1)

vue去掉严格开发,即去掉vue-cli安装时的eslint

vue去掉严格开发,即去掉vue-cli安装时的eslint 1.vue-cli书写规范(主要是js规范) a、逗号、冒号后面要加空格 b、不能使用双引号,一律使用单引号 webpack的语法检查eslint,即安装项目时我选择了安装eslint(http://blog.csdn.net/a419419/article/details/77938751) 2.那么只需要删掉 bu...
阅读(11314) 评论(0)

最简单的sublime text 3安装vue插件

1.打开sublime text 3按 Ctrl+Shift+P(相信你有单身的手速,同时按完这3个键) 2.选中上图中,框出来的内容,按下enter. 3.选择上图的第二个即:vue syntax hightlight 4.重启一下,sublime。你会发现有效果了,如果没有就再按一次Ctrl+Shift+P,搜说框处输入vue,把感觉顺眼的都安装一下,就可以了。(嘻嘻) 如果第一...
阅读(448) 评论(0)
47条 共4页1 2 3 4 下一页 尾页
    个人资料
    • 访问:55539次
    • 积分:888
    • 等级:
    • 排名:千里之外
    • 原创:46篇
    • 转载:1篇
    • 译文:0篇
    • 评论:4条