🌓

JQ在线选座位seat-charts插件

2015-07-25

仿在线订机票网站jQuery在线选座位插件seat-charts，很不错的JS在线选座特效，选座好后直接显示选择的座位，也适合电影票网站使用，点击座位选择，再点击则取消选择，还是可以值得学习的JS特效。

cc

阅读全文

jQuery图片层叠3D旋转切换效果

2015-07-25

非常美的jQuery图片层叠3D旋转切换特效代码，带左右按钮和圆点按钮切换，支持自动切换，可以自定义切换时间间隔和速度，大家可以看看是不是你要的特效代码。

3d

阅读全文

仿百度空间JS鼠标悬停图片放大动画

2015-07-25

仿百度空间JS鼠标悬停图片放大动画特效代码，挺不错的JS特效，基于jQuery实现，对于提升用户体验是非常不错的特效，实现的原理也很简单，需要学习的同学可以看看代码。
bb8

阅读全文

HTML5+JS实现刮刮乐刮刮卡抽奖

2015-07-25

非常不错的HTML5+JS实现刮刮乐刮刮卡抽奖特效代码，基于jQuery实现，支持响应式手机页面使用，支持手机涂抹，如今在微营销中经常使用这种方式，用户体验非常的不错。

1-150115132211I4

阅读全文

基于Zepto+CSS3宝箱开启动画抽奖JS特效

2015-07-25

基于Zepto+CSS3宝箱开启动画抽奖JS特效代码，很不错的特效代码，特效基于Zepto、CSS3，其中有好几种CSS3动画效果，背景光环滚动，宝箱摇摆开启，弹出提示层，还是很不错的CSS3动画特效，大家可以学习下。

1-15011Q21526415

阅读全文

带CSS3动画响应式jQuery垂直时间轴特效

2015-07-25

带动画效果响应式jQuery垂直时间轴特效代码，很不错的时间轴特效，支持手机端响应式，动画效果采用CSS3动画，非常适合介绍项目进程和发展历史的使用。

1-150119131R0212

阅读全文

实用jQuery单页视差滚动插件jquery.localscroll

2015-07-25

实用jQuery单页视差滚动插件jquery.localscroll，当前非常流行单页面视差滚动特效，一个页面完成整个网站的产品ji介绍、案例欣赏，非常不错的JS特效代码，适合简单的企业网站的建设，不需要很复杂的功能。滚动鼠标液动条看下页面的切换效果。该插件适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下:

阅读全文

兼容性较好的jQuery抽奖大转盘特效

2015-07-25

兼容性较好的jQuery抽奖大转盘特效代码，基于jQuery插件rotate.js实现图片旋转，纯JS随机实现如果要结合后台实现概率、奖品抽奖，可以通过Ajax实现获取后台数据判断。

1-1502111240462b

阅读全文

酷炫门户网站相册效果特效JS

2015-07-25

酷炫门户网站相册效果特效JS代码，门户网站常见JS相册播放特效，支持左右按键播放，支持查看原图，支持JSON数据格式传递数据，还是非常不错的相册特效。

1-150419205009463

阅读全文

Win8风格Metro界面平板响应式导航特效代码

2015-07-25

Win8风格Metro界面平板响应式导航特效JS代码，响应式布局，支持横向滚动，支持自定义横向布局还是竖
向布局，还是很不错的，适合功能导航界面。

1-15042H15453J0

阅读全文

$.extend()和$.fn.extend()区别

2015-07-25

$.extend()和$.fn.extend()用法和区别:

在自己制作插件的时候会经常用到$.extend()和$.fn.extend()两个函数，无论从外观还是作用都非常的类似，但是实际上它们的区别是巨大的，下面就简单介绍一下它们的区别是什么。

阅读全文

select接收后台返回值的解决方案

2015-07-25

在做页面表单或者条件筛选的时候，如何把select标签的值，在刷新页面后，保持选择的值。下面，将给出两种解决方案：

前提： 前台select标签 name为type ； 后台接收type的值，业务完成后把type值反回给页面。

一：利用jquery为select标签赋值。

阅读全文

移动前端开发知识分享

2015-07-25

1、在手机端如果1px线条仍然显示过粗，可以使用css新属性border-image边框图像来解决

例：border-image: url(../img/line-img1.png) 2 0 round;

关于border-image熟悉的介绍：http://www.w3cplus.com/content/css3-border-image

阅读全文

Jquery插件开发基础代码讲解

2015-07-25
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
//这里可以以注释的形式写上版本号，插件用途，版权，插件使用格式等等等等
//加上 ; 能防止前面代码没有 ； 结尾的后果，无惧压缩
;(function($,window,document,undefined){ //undefinde是真实的undefined，并非参数
//将可选择的变量传递给方法

//定义构造函数(对象)
var Datalist=function(ele,opt){
this.$element=ele;
this.defaults={ //定义默认属性
'默认属性名':'对应属性值'
},
this.options=$.extend({}, this.defaults, opt); //在使用的时候会自动执行$.extend()函数，让用户自定的属性值覆盖default里面默认的属性值。前面加上{}空对象是为了防止多次调用时前面的属性值修改了默认属性值

//这里可以添加一些通用的属性方法，供下面多个方法使用

}

//在对象原型上定义方法,数目不限
Datalist.prototype={
showList:function(){
var color=this.options.bgcolor; //值的传递形式(最好这里把需要的全部取出来，毕竟在不同环境下this的指代不一样)

//这里是具体的实现过程书写区域

return this; //return是为了不破坏jquery链式调用的特点（注意return的对象是原对象），也可以以返回值的形式回调一个函数
}
}

//在插件中使用Datalist对象
$.fn.myDatalist=function(options){
//创建实体
var datalist=new Datalist(this,options);
//以返回值调用的形式调用其方法
return datalist.showList();
}

})(jQuery,window,document); //其实就是 (function(){}());的闭包形式，定义匿名函数并立即调用，里面的事件绑定什么的就像在全局定义一样的可以用(页面关闭的时候才销毁)，但是全局空间里面是不可见不可取得的

//在需要的地方调用插件

$(document).ready(function(){
$(object).myDatalist({"属性名":"属性值"}); //没有设置的属性会用默认值
});

阅读全文

参数传递的四种形式：URL、超链接、js、form表单

2015-07-25

什么时候用GET, 查，删，

什么时候用POST,增，改（特列：登陆用Post,因为不能让用户名和密码显示在URL上）

4种get传参方式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script type="text/javascript">
function Go() {
window.location.href="localhost:21811/Handler1.ashx?id=1&amp;name='abc'"
}
</script>
</head>
<body>

<!--//参数传递的几种形式-->
<!--第一种：直接在URL后面加参数：-->
localhost:21811/Handler1.ashx?id=1&amp;name="abc"

<!--第二种：用超链接的方法传递参数：当点击超链接的时候，首先会跳转到localhost:21811/Handler1.ashx页面，然后还会传递id 和name 两个参数过去-->
<a href="localhost:21811/Handler1.ashx?id=1&amp;name='abc'">超链接传递参数</a></body>

<!--第三种：通过js方法传递:用户点击这个button按钮，触发onClick事件，执行Go()方法，跳转到localhost:21811/Handler1.ashx页面，同时传递了id，和name两个参数过去-->
<input type="button" onclick="Go()" value="通过js方法传递参数" />

<!--第四种：通过form表单传递-->
<form action="Handler1.ashx" method="get"><!--注意action里面的连接不能带参数的-->>
<input type="text" name="id" value="3" />
<input type="text" name="name" value="abc" />
<input type="submit" value="通过传递参数" />
</form>
</body>
</html>

阅读全文

如何判断是手机还是电脑访问网站

2015-07-25

现在由于手机功能的强大，使用手机上网的用户越来越多，那么就需要判断用户是用何种客户端登陆的网站，如果使用的是电脑则使用电脑版本的网页，如果使用的手机则使用手机版本的网页，下面是一段能够判断是手机还是电脑的代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function check()
{
var userAgentInfo=navigator.userAgent;
var Agents =new Array("Android","iPhone","SymbianOS","Windows Phone","iPad","iPod");
var flag=true;
for(var v=0;v<Agents.length;v++)
{
if(userAgentInfo.indexOf(Agents[v])>0)
{
flag=false;
break;
}
}
return flag;
}

阅读全文

javascript如何将文件保存到本地

2015-07-25

下面是保存一个图片为示例，代码来源于网络，希望能够给大家带来一定的帮助，代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript">
function saveFile(imgUrl)
{
var oPop=window.open(imgUrl,"","width=1, height=1, top=5000, left=5000");
for(;oPop.document.readyState != "complete"; )
{
if(oPop.document.readyState=="complete")break;
}
oPop.document.execCommand("SaveAs");
oPop.close();
}
</script>
</head>
<body>
<img src="../mytest.jpg" id="theimage" border="0">
<a href="#" onclick="saveFile(document.getElementById('theimage').src)"> 点击这里下载图片 </a>
</body>
</html>

阅读全文

手机号码和电话号码合法性验证代码

2015-07-25

在某些网站电话号码和手机号码都是必填的，或者说需要填写其中的一项，为了增强网站的真实性也提高用户体验，一般需要进行进行格式合法性验证，下面是摘自网络上的一段验证代码供大家参考之用，希望能够给大家带来一定的帮助。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
function Checkreg(){
//验证电话号码手机号码，包含153，159号段
if(document.form.phone.value==""&amp;&amp;document.form.UserMobile.value==""){
alert("电话和手机号码至少选填一项！");
document.form.phone.focus();
return false;
}
if(document.form.phone.value != ""){
var phone=document.form.phone.value;
var p1=/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/;
var me=false;
if(p1.test(phone)){
me=true;
}
if(!me){
document.form.phone.value='';
alert('对不起，您输入的电话号码有错误。区号和电话号码之间请用-分割');
document.form.phone.focus();
return false;
}
}
if(document.form.UserMobile.value != ""){
var mobile=document.form.UserMobile.value;
var reg0=/^13\d{5,9}$/;
var reg1=/^153\d{4,8}$/;
var reg2=/^159\d{4,8}$/;
var reg3=/^0\d{10,11}$/;
var my=false;
if(reg0.test(mobile))my=true;
if(reg1.test(mobile))my=true;
if(reg2.test(mobile))my=true;
if(reg3.test(mobile))my=true;
if(!my){
document.form.UserMobile.value='';
alert('对不起，您输入的手机或小灵通号码有错误。');
document.form.UserMobile.focus();
return false;
}
return true;
}
}

阅读全文

javascript如何删除数组中指定的元素

2015-07-24

本章节将通过实例简单介绍一下如何删除数组中的元素，希望给需要的朋友带来帮助。

删除数组元素的方式有多种，下面简单介绍一下常用的几种方式:

一、使用delete进行删除:

代码实例如下:

阅读全文

css3 box盒子模型以及box-flex的使用

2015-07-24

display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。

一、使用以及介绍：

1、要实现水平或者垂直切分，必须先满足以下要求

阅读全文