最新消息:文章中包含代码时,请遵守代码高亮规范!

标签:JS

移动端自制作输入键盘,实现验证码签到【原创】

原创文章 Ann 2年前 (2017-02-07) 1606浏览 0评论

最近做的一个兼职类的项目,要实现6位数字验证码签到功能,效果图如下 看似很简单的页面,刚开始编写的代码的时候,我也是抱着轻松地态度,心里想着这并没有什么难处,用js实现了输入数字的效果。 但是后来就发生了尴尬的事情,测评中心那边测试的时候,手机切换...

HTML5中使用js控制audio标签的方法【转载】

HTML+CSS Ann 2年前 (2017-01-06) 1223浏览 0评论

<audio>标签可以在HTML5浏览器中播放音频文件。 <audio>默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态。 这里我们可以使用JS来进行控制,代码如下: var aud...

手机页面城市选择点击首字母定位到对应城市顶部【原创】

HTML+CSS Ann 2年前 (2017-01-06) 1531浏览 0评论

之前做的一个关于兼职的手机微信端的项目,有的也面要求我们实现选择城市的效果,主要就是点击城市的首字母定位到对应的城市顶端,这可把我难倒了,没做过啊,之前都是用的插件 后来想到之前做公司的官网也要求点击新闻列表对应到相应的新闻位置,当时记得用的是锚点定...

多列表内容下勾选框对应内容显示隐藏【原创】

HTML+CSS Ann 2年前 (2017-01-06) 948浏览 0评论

最近写公司的客户服务系统,遇到了一个页面,很多内容列表,然后勾选框,相对应的内容显示隐藏,以前也遇到过类似的,只是列表内容比较少,我都是通过给选框和列表分别添加不同类名,然后勾选指定那个类名显示隐藏,这样效果最后是达到了,但是消耗了大量的时间和精力,...

用其它标签实现类似a标签的锚点效果【原创】

JavaScript Lucifer 3年前 (2016-11-24) 1260浏览 0评论

前几天做了个项目,解决手机端网页多次按返回才退出的问题,废话不多说,直接贴代码: js 代码 //锚点效果 var contArr = new Array();      //声明一个空数组 var ulCont = $(“.cont h...

菜单列表随滚动条指定到对应内容【原创】

HTML+CSS Ann 3年前 (2016-10-17) 1511浏览 0评论

最近写了一个新闻页面,要求列表底部5px的蓝色边框随滚动条的变化对应到指定的内容,同时列表下边框也随着变化,先给大家看下效果图样式 2.编写代码 <div class="page-news-nav"> &l...

JS实现按钮点击增加输入框【转载】

JavaScript Ann 3年前 (2016-09-23) 1789浏览 0评论

最近开发实现了那种点击增加按钮就会多出一栏的效果,但是当每栏的输入框的数量比较多的时候,后台参数的接受就是个问题,不过现在问题总算解决了,用List集合去接受页面数组的方式,具体实现如下: 实现的思路: 首先,要把传递的每栏参数变成每个对象,例如:昵...

原生APP中js怎样与Android和ios进行交互

JavaScript figer 3年前 (2016-05-09) 4470浏览 0评论

下面所写的内容是站在h5工程师角度写的,至于Android和ios怎样与js进行交互,清Android和ios工程师分别参考http://www.111cn.net/sj/android/85626.htm和http://www.jianshu.co...

适用于移动端的 iscroll.js插件

JavaScript dandelion 3年前 (2016-03-11) 3338浏览 0评论

做手机微信开发的时候遇到了这个功能,第一次认识这个插件iscroll.js,适用于移动web的一款开发插件。可以实现左右滑动,缩放,下拉刷新等功能。 1.iscroll.js的用法: html代码: <div id="wrap&q...

学习篇-js中的setTimeout和clearTimeout

JavaScript dandelion 3年前 (2016-03-11) 2242浏览 0评论

在前端网页开发时,焦点图的存在随处可见。通常都是去下载已经封装好的jquery来实现需要的功能,有多少人能实际了解实际原理吗?通过自己对原生js的学习,今天对setTimeout()·和clearTimeout()的用法做个小小的总结: 1.setT...

学习篇-原生js操作dom节点

JavaScript dandelion 3年前 (2016-03-11) 3325浏览 0评论

今天学习了如何用原生js写dom元素(节点),下面是结合所学文档W3C整理的笔记: 1.添加节点 创建节点:使用createElement创建元素,使用createTextNode创建文本节点 首先是一段html代码,下面的例子都引用这个。 <...

更新手机面input框放大问题

JavaScript anne 3年前 (2016-02-01) 2774浏览 0评论

对于之前在博客中说的关于手机页面页面放大问题,在这里需要更正一下之前的解决办法,因为之前的那个方法并不能使用所有情况。所以这里将说一下新的解决办法: 首先在头部加一个js来获取手机的不同型号对应的并屏幕大小,然后给其加不同的meta属性。如下: ...

继手机页面滚动问题

JavaScript anne 3年前 (2016-01-14) 2177浏览 0评论

上一篇博客中有提到关于手机页面滚动穿透问题,现在终于找到比较合理的解决办法。不过该解决办法还是没能从源头解决穿透问题,而是从另一个角度去解决,就是从要求出发直接不让其滚动。 页面高度超过设备可见高度时,阻止掉touchmove事件。 docume...

手机页面滚动穿透问题【原创】

HTML+CSS anne 3年前 (2016-01-14) 4387浏览 0评论

最近在写的微信页面有遇到一个问题:就是点击页面一个按钮出来弹框和透明蒙版后,理论上底部的父页面是不可以被操作的。但是现在对当前弹框和透明蒙版组成的页面滑动时,底部的父页面还是会跟着滚动,这也就是所谓的手机页面穿透问题。 百度了很多方法后,还是没能完美...

三级联动封装函数【原创】

JavaScript anne 4年前 (2015-11-24) 2399浏览 0评论

在最近的项目中经常会用到联动方法,有时一个页面还会用到不止一次。这时如果分开单独去写就会很费代码量。所以就将这段代码封装了一下。 代码如下: // 查询条件 var chosetext = "<option value=...

前端页面计算价格【原创】

JavaScript anne 4年前 (2015-11-12) 5574浏览 0评论

因为这是我第一次遇到前端页面要计算价格的功能,所以记录一下,有需要的可以参考一下,或者有更好建议的,看到后希望也可以不吝赐教。 因为页面布局涉及到套模板的数据等,贴上代码可能会比较混乱,所以我主要说一下计算价格的处理方法和js实现。先说一下我的页面处...

移动端WEB开发click,touch,tap事件浅析【转载】

JavaScript anne 4年前 (2015-11-09) 5265浏览 0评论

一、click 和 tap 比较 两者都会在点击时触发,但是在手机WEB端,click会有 200~300 ms,所以请用tap代替click作为点击事件。 singleTap和doubleTap 分别代表单次点击和双次点击。 二、关于tap的点透处...

基于省、市、区的ajax应用【原创】

HTML+CSS anne 4年前 (2015-11-03) 1714浏览 0评论

相信前端应该都会有用过或听过省市区联动ajax,我之前虽然有听过,但这也是第一次在项目里碰到,所以整理一下自己的应用和总结。 首先是基础的没有默认值,提供给用户选择的省市区下拉菜单,相信这种应该是最易理解的,这里就不再赘述。接下来就说一下我在项目里碰...