Welcome 微信登录

首页 / 脚本样式 / JavaScript

JS中artdialog弹出框控件之提交表单思路详解

JS中artdialog弹出框控件之提交表单思路详解

2017年02月06日 10 阅读
artDialog是一个基于javascript编写的对话框组件，它拥有精致的界面与友好的接口。前言：自适应内容artDialog的特殊UI框架能够适应内容变化，甚至连外部程序动态插入的内容它仍然能自适应，因此你不必去考虑消息内容尺寸使用它。它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现。完善的接口它的接口完善，可以轻易与外部程序配合使用。如异步写入消息、控制位置、尺寸、显示与隐藏、关闭等。细致的体验如果不是在输入...
jQuery validate+artdialog+jquery form实现弹出表单思路详解

jQuery validate+artdialog+jquery form实现弹出表单思路详解

2017年02月06日 11 阅读
功能描述：在页面弹出一个form表单，ajax无刷新提交表单，表单需通过验证。适用范围：适用于在列表页面新增，修改记录。需要加载的js文件：jquery.min.jsartDialog.jsiframeTools.jsjquery.form.jsjquery.validate.js实现思路：在页面中将表单放到一个隐藏的容器中，用artdialog弹出该form并对form加上jqueryvalidate验证，提交采用jqueryform ajax提交，由于...
AngularJS入门教程之AngularJS表达式

AngularJS入门教程之AngularJS表达式

2017年02月06日 10 阅读
表达式用于应用程序数据绑定到HTML。表达式都写在双括号就像{{表达式}}。表达式中的行为跟ng-bind指令方式相同。 AngularJS应用表达式是纯javascript表达式，并输出它们被使用的数据在那里。AngularJS表达式格式 : {{expression }}AngularJS表达式可以是字符串、数字、运算符和变量数字运算{{1 + 5}}字符串连接{{ "abc" + "bcd" }}变量运算 {{ firstName + " " + l...
AngularJS入门教程之AngularJS指令

AngularJS入门教程之AngularJS指令

2017年02月06日 10 阅读
熟悉HTML的朋友都知道，HTML有很多属性。比如<a>标签的href属性可以来指定链接的URL地址，<input>标签的type属性可以用来指定input的类型。AngularJS指令就是通过扩展HTML的属性来为 AngularJS应用增加功能。AngularJS指令用于扩展HTML。这些都是先从ng- 前缀的特殊属性。我们将讨论以下指令：常用AngularJS指令ng-app 指令初始化一个 AngularJS 应用程序。ng...
jQuery 如何给Carousel插件添加新的功能

jQuery 如何给Carousel插件添加新的功能

2017年02月06日 11 阅读
本文是小编自己写的一个给carousel插件添加新功能，关于Carousel插件的教学视频。参考别的网站，当鼠标放在下排按钮上或者点击之后，Carousel就会跟这个按钮相同下标的li作为第一帧显示。所有的代码都在这里https://github.com/wwervin72/jQuery-Carousel那么说干就干，首先我们要做的就是要把这些按钮显示出来。于是我们就需要在Carousel的原型对象prototype上添加一个方法，用于生成切换幻灯片的按钮...
基于Bootstrap实现Material Design风格表单插件 附源码下载

基于Bootstrap实现Material Design风格表单插件 附源码下载

2017年02月06日 10 阅读
Jquery Material Form Plugin是一款基于Bootstrap的Material Design风格的jQuery表单插件。该表单通过自定义样式和jQuery来将Bootstrap的表单修改为扁平风格的表单，并带有浮动标签特效。在线预览 源码下载使用方法使用该Material Design风格表单需要在页面中引入jquery，bootstrap相关文件和materialFormStyles.css、materialForm.js文件。&l...
html5+javascript实现简单上传的注意细节

html5+javascript实现简单上传的注意细节

2017年02月06日 10 阅读
简单记录下今早做H5上传中一些代码还有坑一、展示因为前端上传文件是必须通过form表单的，不能使用ajax，这样的话一个移动页面放入一个type为file的input真心不怎么好看，如下图，很挫有没有解决办法找了下，PC上有些是把这个input换成flash，采用jquery的工具库比如uploadify来做，但是移动端大部分浏览器是不支持flash的。所以最后采用的办法还是用form表单的形式，只是把这个form和input的透明度设置为0，让它们和准备...
举例讲解jQuery中可见性过滤选择器的使用

举例讲解jQuery中可见性过滤选择器的使用

2017年02月06日 10 阅读
可见性过滤器可见性过滤器根据元素的可见性和不可见性来选择相应的元素。过滤器名jQuery 语法说明返回:hidden$（":hidden"）选取所有不可见元素集合元素:visible$（":visible"）选取所有可见元素集合元素$（"p:hidden）.size（）; //元素p 隐藏的元素 $（"p:visible"）.size（）; //元素p 显示的元素 注意：:hidden 过滤器一般是包含的内容为：CSS 样式为display:none、in...
JavaScript中创建对象的模式汇总

JavaScript中创建对象的模式汇总

2017年02月06日 10 阅读
JavaScript中创建对象的模式汇总**JavaScript创建对象模式：对象字面量工厂模式构造函数模式原型模式结合构造函数和原型模式原型动态模式 **面向对象的语言大都有一个类的概念，通过类可以创建多个具有相同方法和属性的对象。虽然从技术上讲，javascript是一门面向对象的语言，但是javascript没有类的概念，一切都是对象。任意一个对象都是某种引用类型的实例，都是通过已有的引用类型创建；引用类型可以是原生的，也可以是自定义的。1、对象字面...
jQuery移动端日期（datedropper）和时间（timedropper）选择器附源码下载

jQuery移动端日期（datedropper）和时间（timedropper）选择器附源码下载

2017年02月06日 10 阅读
我们经常会应用到日期和时间选择器，之前我们使用最多的是jQuery UI的datepicker（），那么今天我给大家介绍一款非常有趣的日期和时间选择器，它分为日期选择器datedropper以及时间选择器timedropper，他们俩尤其适合在移动端上应用。在线演示源码下载日期选择器datedropper使用非常简单，分三步，１、引入相关js和css文件。注意datedropper和timedropper都是基于jQuery的插件，所以也要引入jQuery...
一些实用性较高的js方法

一些实用性较高的js方法

2017年02月06日 10 阅读
本文分享下自己平时积累的一些实用性较高的js方法，供大家指点和评价。本想分篇介绍，发现有点画蛇添足。整理了下也没多少拿得出手的方法，自然有一些是网上看到的个人觉得很有实用性的方法，在这里一起贴出来供大家探讨。1、点击返回若没有之前页面则跳转到规定页面 首先是客户需求中要求——单个分享到微信的页面，点击返回可以跳转到网站首页。 期间这个功能有和客户探讨过，能否在页面中添加回到首页按钮进行跳转。 可是这种方式无法作用到每个页面，并且指明需要该功能的分享页...
javascript html5摇一摇功能的实现

javascript html5摇一摇功能的实现

2017年02月06日 10 阅读
通过网上的资料，加上自己的整理，写了一份html摇一摇功能的简介，用做技术备份。知识要点1、DeviceMotionEvent 这是html5支持的重力感应事件，关于文档请看：http://w3c.github.io/deviceorientation/spec-source-orientation.html事件介绍：deviceorientation 提供设备的物理方向信息，表示为一系列本地坐标系的旋角。devicemotion 提供设备的加速信息，表示...
js点击返回跳转到指定页面实现过程

js点击返回跳转到指定页面实现过程

2017年02月06日 10 阅读
这个功能之前有简单的带过，这次详细的讲解下原理和存在的问题（由于是运用html5的新API 所以有兼容问题，推荐移动端使用该方法）。功能描述：在浏览器中新建标签页并指定一个网址，网页加载完毕后，正常流程下是不允许点击返回的。因为当前标签页的相关历史记录是没有的，所以没有记录可以返回。应客户要求，需要在这种情况下，给他的历史记录里添加一个链接（比如首页），这样在新打开的页面，点击返回就可以跳转到首页，让用户看到系统的各种功能，推广平台。一、知识要点HTML5...
<< 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图