fullPage.js插件使用 发布时间: 2022-05-02 14:47:45 评论数: 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 手机手势动作touch触屏原理分析 发布时间: 2022-04-29 15:21:10 评论数: 0
之前我们做过许多触屏的特效,那么,今天,我们来分析下js的触屏原理。我们今天以实例来说明吧。在实现触屏中,我们必须采用js的addEventListener,接着加上 touchstart,touchmove,touchend。今天我们的代码里加上了jquery,只不过是用来获取ID及CSS,呵呵,毕竟,JQ大 家都在用。但对于事件的添加,大家还是得用document,getElementById这种模式,因为这东西只有JS才有,JQUERY里并没有 TOUCH这样的东西。大家可以看到,在代码里有这句话,e.preventDefault(),假设不写这一句,你在触屏的时候,页面 ......
javascript根据html内容中的hn标题生成目录树 发布时间: 2022-04-27 12:07:57 评论数: 0
原始html如下<div id="wrapper"> <h1>x</h1> <h2>xx</h2> <h3>xxx</h3> <h4>xxxx</h4> <h5>xxxx</h5> <h2>xx</h2> <h3>xxx</h3> <h4>xxxx</h4> <h3>xxx</h3> <h4>xxxx</h4> <h5> ......
JavaScript之jQuery根据name的相关选择操作 发布时间: 2022-04-25 20:04:39 评论数: 0
$("div[id]")选择所有含有id属性的div元素 $("input[name='lvtaonet']")选择所有的name属性等于'lvtaonet'的input元素 $("input[name!='lvtaonet']")选择所有的name属性不等于'lvtaonet'的input元素 $("input[name^='lvtao']")选择所有的name属性以'lvtao'开头的input元素 $("input[name$='lvtao']")选择所有的name属性以'lvtao'结尾的input元素 $("input[name*='lvtao']")选择所有的nam ......
webUploader实现一个页面调用多个上传实例 多个上传按钮 对应到多个表单值 发布时间: 2022-04-23 14:38:52 评论数: 0
现在需要在同一个页面中,有多个类似于这样的表单,每个表单对应一个上传按钮。上传完后,将返回的值传入到对应的表单中。直接贴代码/* --上传组件开始-- */ var uploader = WebUploader.create({ // 选完文件后,是否自动上传。 auto: true, // swf文件路径 swf: STATIC_URL + 'webuploader/Uploader.swf', server: WWW_URL + 'public/upload?type=images', // 内部根据当前运行是创建,可能是i ......
JavaScript操作文本域中回车或ctrl+enter提交代码 alt+enter为换行 发布时间: 2022-04-21 00:44:56 评论数: 0
js 文本编辑框快捷键,enter和ctrl+enter操作,alt+enter为换行$("textarea").keydown(function(event) { if (event.altKey && event.keyCode == 13) { var e = $(this).val(); $(this).val(e + '\n'); } else if (event.ctrlKey && event.keyCode == 13) { event.returnValue = f ......
异步传输上传文件javascript库AjaxUploadFile.js 发布时间: 2022-04-18 08:23:31 评论数: 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禁用页面中退格键返回功能 发布时间: 2022-04-16 07:33:46 评论数: 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 ......
如何轻松将jQuery对象与DOM对象互相转换 发布时间: 2022-04-14 07:17:59 评论数: 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 ......
触屏手机上WAP站点中TAB菜单的设计及源码 发布时间: 2022-04-11 03:34:03 评论数: 0
现在手机网页越来越多,我们可以先看下两个地址:“http://3g.ifeng.com/”,“http://3g.163.com/touch/”,我们都会发现有一个共同的特点,就是TAB菜单,对于这种相当传统的特效,我们在之前做过许多,但在手机上,我们会发现它有新的生命力。如果只是考虑上面的点击,那就是TAB菜单了,只不过这个TAB菜单是全屏切换的,但如果你在手机上体验,会发现,手滑动是可以实现切换,这个手势在手机网页上叫“swipe”,触屏技术也促进了我们前端技术的发展。细心的朋友,可能会注意到,当你切换的时候,下面的按钮标题也会跟着变,而且URL也会跟着变,这样,你切换后, ......
HTML禁止Input框直接粘贴,禁止鼠标在网页上拖动 发布时间: 2022-04-09 02:07:46 评论数: 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实现二级联动下拉选择(省份城市选择) 发布时间: 2022-04-05 22:15:02 评论数: 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> ......
手机浏览器中弹窗式触屏相册及源码 发布时间: 2022-04-02 15:11:35 评论数: 0
今天,我们再来介绍一个触屏特效,我记得上周我们做过一个触屏相册,那么,我们今天再来加点难度。我们以前在浏览网站详情页面的时候,经常会看到这样一种效果,当你点击一张图片时,会将其它图片以弹窗的模式显示,接着,你可以通过上下按钮,实现图片的切换。那,手机上如何实现?我排列了这样一组小图,当我点击的时候,我通过JQUERY将所以图片放到id为imgs里,接着,通过定位技术,将图片显示出来:关于点击哪张图片出现哪张的效果,我是通过上面的代码实现的,接着,用户可以实现左右切换,我们在上面也加上了计数的功能。在这里,我们使用了touchSwipe这个脚本,我们用这个脚本,可以实现简单的sw ......
设备像素比devicePixelRatio简单介绍 发布时间: 2022-03-31 19:24:15 评论数: 0
本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持,随着显示器的发展,这个属性也慢慢登上了前端技术的舞台。本文内容大部分属于翻译性质内容,因此,会不那么通俗易懂。不过,你是做手机开发的,或是有意向的,本文的内容如果细细读来,还是有些收获的。一、定义定义如下:window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。 公式表示就是:window.devicePixelRatio = 物理像素 / ......
Jquery手机号验证-检测输入离开或完成-倒计时等一通功能For用户注册表单 发布时间: 2022-03-29 08:51:25 评论数: 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> ......
html5+javascript星空旋转的背景效果 发布时间: 2022-03-27 23:14:25 评论数: 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实现jQuery的$.getJSON、AJAX 的GET、POST 发布时间: 2022-03-24 21:34:54 评论数: 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中像PHP使用date函数一样的处理日期数据 发布时间: 2022-03-22 11:27:03 评论数: 0
属性与方法内容基本参照了 php 的日期页面,但由于不需要支持语言和时区,把 Z I S e 的用途做了改变。无前导0的为数值类型,前导0的为字符串类型。属性描述例子备注日------------d每月的几号,2位数字,前导001 到 31 j每月的几号,无前导01 到 31 NISO-8601周日历,每周第几天1(周一)到7(周日) w每周第几天0(周日)到6(周六) z每年第几天(从0开始)0 到 365 Z每年第几天(从1开始)1 到 366变化周------------WISO-8601周日历第几周,每周从周一开始,前导001-53 eISO-8601周日历第几周,每周 ......
标题党:精通 JavaScript中的正则表达式 发布时间: 2022-03-20 18:40:04 评论数: 0
正则表达式可以:测试字符串的某个模式。例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证替换文本。可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字正则表达式语法一个正则表达式就是由普通字符(例如字符 a 到 z)以及特殊字符(称为元字符)组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板,将某个字符模式与所搜索的字符串进行匹配。创建正则表达式var re = n ......
JS判断客户端系统 让ipad iphone 等手持设备自动跳到手机版 发布时间: 2022-03-17 08:53:26 评论数: 0
我相信,不是所有的代码都需要在服务端完成!好比,好比判断是不是手机客户端当然这个并不是特别的准确,但可以99%吧!希望大家用得上if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { location.replace("https://www.lvtao.net") }不用多说吧!!! 呵呵... ......


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