手机浏览器中弹窗式触屏相册及源码 发布时间: 2021-02-16 17:51:27 评论数: 0
今天,我们再来介绍一个触屏特效,我记得上周我们做过一个触屏相册,那么,我们今天再来加点难度。我们以前在浏览网站详情页面的时候,经常会看到这样一种效果,当你点击一张图片时,会将其它图片以弹窗的模式显示,接着,你可以通过上下按钮,实现图片的切换。那,手机上如何实现?我排列了这样一组小图,当我点击的时候,我通过JQUERY将所以图片放到id为imgs里,接着,通过定位技术,将图片显示出来:关于点击哪张图片出现哪张的效果,我是通过上面的代码实现的,接着,用户可以实现左右切换,我们在上面也加上了计数的功能。在这里,我们使用了touchSwipe这个脚本,我们用这个脚本,可以实现简单的sw ......
JS判断客户端系统 让ipad iphone 等手持设备自动跳到手机版 发布时间: 2021-02-15 11:55:03 评论数: 0
我相信,不是所有的代码都需要在服务端完成!好比,好比判断是不是手机客户端当然这个并不是特别的准确,但可以99%吧!希望大家用得上if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { location.replace("https://www.lvtao.net") }不用多说吧!!! 呵呵... ......
用原生JavaScript实现jQuery的$.getJSON、AJAX 的GET、POST 发布时间: 2021-02-14 08:01:35 评论数: 0
AJAXfunction AJAX() { var xhr = null; if(window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else { try{ xhr = new ActiveXObject('Microsoft.XMLHttp'); }catch(e){ xhr = new ActiveXObject('msxml2.xmlhttp'); } ......
标题党:精通 JavaScript中的正则表达式 发布时间: 2021-02-12 00:07:31 评论数: 0
正则表达式可以:测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字正则表达式语法一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。创建正则表达式var re = n ......
Jquery手机号验证-检测输入离开或完成-倒计时等一通功能For用户注册表单 发布时间: 2021-02-09 13:46:26 评论数: 0
直接看图上代码<form method="post" onsubmit="return checkForm(this)"> <div class="ant-row ant-form-item"> <div class="ant-col-6 ant-form-item-label"> <label for="username" class="ant-form-item-required" title="用户名">用户名</label></div> ......
javascript 模板引擎artTemplate 发布时间: 2021-02-07 23:26:05 评论数: 0
artTemplate新一代 javascript 模板引擎=================artTemplate 是新一代 javascript 模板引擎,它在 v8 中的渲染效率可接近 javascript 性能极限,在 chrome 下渲染效率测试中分别是知名引擎 Mustache 与 micro tmpl 的 25 、 32 倍(性能测试)。引擎支持调试。若渲染中遇到错误,调试器可精确定位到产生异常的模板语句,解决前端模板难以调试的问题(详情)。另外,artTemplate 的模板还支持使用自动化工具预编译,这一切都在 2KB(Gzip) 中实现!快速上手编写模板使用 ......
触屏手机上WAP站点中TAB菜单的设计及源码 发布时间: 2021-02-05 05:00:56 评论数: 0
现在手机网页越来越多,我们可以先看下两个地址:“http://3g.ifeng.com/”,“http://3g.163.com/touch/”,我们都会发现有一个共同的特点,就是TAB菜单,对于这种相当传统的特效,我们在之前做过许多,但在手机上,我们会发现它有新的生命力。如果只是考虑上面的点击,那就是TAB菜单了,只不过这个TAB菜单是全屏切换的,但如果你在手机上体验,会发现,手滑动是可以实现切换,这个手势在手机网页上叫“swipe”,触屏技术也促进了我们前端技术的发展。细心的朋友,可能会注意到,当你切换的时候,下面的按钮标题也会跟着变,而且URL也会跟着变,这样,你切换后, ......
一个自定义右键菜单的javascript插件 发布时间: 2021-02-03 11:27:08 评论数: 0
mousemenu一个自定义右键菜单的javascript插件/* * 右键菜单对象 Object * var r=new mousemenu(obj);//-----------------------创建右键菜单对象 * r.addOption(str,callback);//----------------------添加一个菜单项 * r.addLine();//------------------------------------创建一条分隔线 * r.addSecondOption("OptionStr",{SecondOpti ......
javascript 手机手势动作touch触屏原理分析 发布时间: 2021-02-01 11:43:57 评论数: 0
之前我们做过许多触屏的特效,那么,今天,我们来分析下js的触屏原理。我们今天以实例来说明吧。在实现触屏中,我们必须采用js的addEventListener,接着加上 touchstart,touchmove,touchend。今天我们的代码里加上了jquery,只不过是用来获取ID及CSS,呵呵,毕竟,JQ大 家都在用。但对于事件的添加,大家还是得用document,getElementById这种模式,因为这东西只有JS才有,JQUERY里并没有 TOUCH这样的东西。大家可以看到,在代码里有这句话,e.preventDefault(),假设不写这一句,你在触屏的时候,页面 ......
kindeditor 上传附件后获取URL赋值给编辑器外的下拉框或文本框 发布时间: 2021-01-30 09:03:37 评论数: 0
最近帮一客户更换编辑器,因为ewebeditor在很多浏览器下不兼容,故使用kindeditor编辑器 官方地址 http://www.kindsoft.net 此编辑器开源免费  兼容主流浏览器 ,配置简单,支持多语言 asp php .net jsp等,故推荐之客户项目中,编辑器内上传了图片 自动将下载地址保存到下拉框中,用做默认图片地址,以下是替换后相关源码 <select name="picture" id="picture" ><option value="">设置默认图片</option></select> <i ......
webUploader实现一个页面调用多个上传实例 多个上传按钮 对应到多个表单值 发布时间: 2021-01-27 21:17:30 评论数: 0
现在需要在同一个页面中,有多个类似于这样的表单,每个表单对应一个上传按钮。上传完后,将返回的值传入到对应的表单中。直接贴代码/* --上传组件开始-- */ var uploader = WebUploader.create({ // 选完文件后,是否自动上传。 auto: true, // swf文件路径 swf: STATIC_URL + 'webuploader/Uploader.swf', server: WWW_URL + 'public/upload?type=images', // 内部根据当前运行是创建,可能是i ......
fullPage.js插件使用 发布时间: 2021-01-25 06:08:54 评论数: 0
fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。主要功能支持鼠标滚动支持前进后退和键盘控制多个回调函数支持手机、平板触摸事件支持 CSS3 动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等使用方法1、引入文件<link rel="stylesheet" type="text/css" href="jquery.fullPage.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1 ......
javascript禁用页面中退格键返回功能 发布时间: 2021-01-22 16:50:02 评论数: 0
在前端开发中,页面上退格键默认是具有返回功能,有时候我们并不想要这样的效果,需要禁用之。代码如下://禁用退格键返回功能 document.onkeydown = function(e) { e = e||event; if(e.keyCode == 8) { // 如果是在textarea内不执行任何操作 var obj = e.srcElement || e.target; var tag=obj.tagName.toLowerCase(); if(tag != "i ......
一个简单好用处理键盘事件的Javascript工具库Kibo 使用方法 发布时间: 2021-01-19 05:39:02 评论数: 0
Kibo是一个简单的用于处理键盘事件的Javascript工具库。这个Javascript类库的特点是,它不但能监听普通的按键事件,它还能监听组合键和功能键,例如Ctrl+C,Shift+w。还有一个特点是,它把各种键都给符合化了,例如,如果你想监听[ctrl alt x]按键事件,你可以直接写成 k.down(‘ctrl alt x’, handler)。它还支持统配符,例如k.down(['any letter', 'any number'] handler),这就是监听任意的字母和数字的按键事件。加载进JS文件这货的下载地址是https://github.com/marq ......
如何轻松将jQuery对象与DOM对象互相转换 发布时间: 2021-01-17 20:58:10 评论数: 0
我们在实际开发中,jQuery用的很多,但是,有时jQuery往往不能100%的实现功能,这个时候我们就需要使用DOM去操作。jQuery对象不能调用原生js操作方法,DOM对象当然也不能调用jq的方法,有时候我们可以用到jq对象和jsDOM对象的相互转换。1、在jQuery中,只需要调用[index]和get(index)方法即可将jq对象转换为DOM对象。2、DOM对象只需调用jq的$()方法即可包装为jq对象。jq对象转换为dom对象 var domObj = $("#div")[0]; domObj.innerHTML&nbs ......
HTML禁止Input框直接粘贴,禁止鼠标在网页上拖动 发布时间: 2021-01-16 15:53:10 评论数: 0
<input class="xinput" maxlength=4 size="5" onkeydown="fnKeyDown(event);" onfocus="this.select()" onclick="this.select()" onpaste="return false" ondrop="return false" ondragenter="return false;" ondragstart="return false" onkeypress="return keyDigt(event)" value="" />ondragstart="return ......
基于layui实现二级联动下拉选择(省份城市选择) 发布时间: 2021-01-14 17:13:10 评论数: 0
先看一下简单的效果直接上代码html部分 (下拉框中value的数值我是根据数据库中取出来)<div class="layui-form-item"> <label class="layui-form-label">城市</label> <div class="layui-input-inline"> <select name="city" lay-filter="province"> <option value=""></option> ......
html5+javascript星空旋转的背景效果 发布时间: 2021-01-12 04:57:08 评论数: 0
来个预览图直接上代码<body style="height: 100%;background-color:#141414;"> <canvas id="canvas"></canvas> <script> "use strict"; var canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d'), w = canvas.width = window.innerWidth, ......
异步传输上传文件javascript库AjaxUploadFile.js 发布时间: 2021-01-09 06:31:39 评论数: 0
异步传输上传文件javascript库 主文件:AjaxUploadFile.js功能: 1.单文件上传 2.多文件上传 3.普通数据提交 4.可选返回数据json(默认),xml,text 5.支持XMLHttpRequest大多数事件 6.上传超时设置 7.取消上传说明:纯javascript编写,不依赖任何其他插件兼容性说明:由于使用到FormData伪表单对象,所以,ie10以下版本不支持 其他浏览器高版本才支持用法1.引用主要文件<script type="text/javascript" src="./js/ajaxUploadFi ......
原生态javascript/js操作cookie 发布时间: 2021-01-06 13:29:59 评论数: 0
<script language=javascript> //获得coolie 的值 function cookie(name){ var cookieArray=document.cookie.split("; "); //得到分割的cookie名值对 var cookie=new Object(); for (var i=0;i<cookieArray.length;i++){ var arr=cookieArray[i].split("="); ......


友情链接: php5000技术知识分享 github 码云 开源中国 csdn linux中国 阿里云 unix技术网 composer中文网 php packagist php python 安卓软件 大众源码 DevStore 猪八戒威客网 人人都是产品经理 PHPwind论坛 互联网的一些事 新客网 黑马程序员 火星时代 hao123it ThinkSNS 开源社区 51CTO学院 办事儿网 IT论坛 java教程 最代码 程序员客栈 大数据培训 小程序开发 微信小程序 php开发新闻 微信小程序 java学习 微信小程序 Linux书籍 网站ip流量 xw素材网 新浪云 腾讯云 华为云 百度 新浪 网易 淘宝 腾讯 1688 搜狐 优酷 房天下 hao123 携程 天涯社区