jQuery语法总结和注意事项小结

2016年07月27日 5 阅读

一、简介 1.1、概述 随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。 jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 ...

js实现的美女瀑布流效果代码

2016年07月27日 6 阅读

瀑布流以及回顶部的效果 *{ margin:0; padding:0; } h1{ text-align:center; height:100px; } body{ background-color:RGB（232,231,226）; } .all{ margin:0 auto; width:1000px; } .number{ float:left; width:225px; } .content { margin:5px; backgroun...

原生JS分页展示效果（点击分页看效果）

2016年07月27日 5 阅读

文中图片地址已经失效，但代码功能都存在，大家注意替换下 实例索引 body{margin:0px;padding:0px;font-size:12px;font-family:Verdana, "微软雅黑";background:#2d3033;} img{border:0;} a{outline:none;} #box{width:918px;height:745px;margin:20px auto;border:5px solid #4b5...

JavaScript中的匀速运动和变速（缓冲）运动详细介绍

2016年07月27日 5 阅读

一个div的运动其实就是它与浏览器边框的距离在变动。如果他变化的速率一定，那就是匀速运动；如果变化的速率不一定，那么就是变速运动。当，变化率与聚离浏览器边框的距离成比例的话，那么就可以说是div在做缓冲运动。 其实，很简单，就是用一个定时器（timer），每隔一段时间来改变div聚浏览器边框的距离。 比如匀速运动： 进入定时器：（每隔30ms做） if（是否到达终点） { 停止定时器} else do{ 改变距离} 改变距离的方法决定是匀速还是变速（缓冲）...

JavaScript判断DOM何时加载完毕的技巧

2016年07月27日 5 阅读

处理HTML DOM文档存在一个难题是，JavaScript可以在DOM完全加载之前执行，这会给你的代码引发不少的潜在问题。浏览器的渲染和操作顺序大致如下列表： HTML解析完毕 外部脚本和样式表加载完毕 脚本在文档内解析并执行 HTML DOM完全构造起来 图片和外部内容加载 网页完成加载 在网页头部并且从外部文件加载的脚本会在HTML真正构造之前执行。如前所述，这是个至关重要的问题，因为这两处执行的脚本并不能访问还不存在的DOM。幸好，我们还有若干的补...

php对mongodb的扩展（初识如故）

2016年07月27日 6 阅读

在博主的威逼之下特为大家进行一下小分享，特此申明博主人品非常淳朴只是威逼，绝对没有利诱。 由于mongodb的相关中文资料较少，之后若有机会继续为大家分享。希望这点小分享能给大家带来收获，言归正传请往下看。为什么说“初识如故”呢，因为mongodb的数据存储格式是一种由于MongoDB的文档结构为BJSON格式（BJSON全称：BinaryJSON），而BJSON格式本身就支持保存二进制格式的数据，因此可以把文件的二进制格式的数据直接保存到MongoDB的...

php对mongodb的扩展（小试牛刀）

2016年07月27日 6 阅读

今天外面刮着呼呼的大风，能在一个温暖的小屋写着博客也是北漂的一种幸福。好了废话不多说，今天主要说一下php连接、操作mongodb，如果你没有看上两期的内容，不知道如何安装php对mongodb的扩展的话请您返回去看《php对mongodb的扩展（初识如故） 》和《php对mongodb的扩展（初出茅庐）》 。 php 连接mongodb 复制代码 代码如下: try { $mongo = new Mongo（"mongodb://username:p...

在浏览器窗口上添加遮罩层的方法

2016年07月27日 6 阅读

如何在浏览器窗口上添加一个遮罩层 背景 在web2.0中，页面弹窗是一个很常见的交互方式，这样既可以避免不必要的页面跳转，也可以改进界面的布局和可交互性。 但是，浏览器原生的弹窗函数（alert, confirm, prompt）有着很大的局限性，主要是它们的展现UI一来很不美观，二来也不够灵活，因此，我们经常需要自行定义弹窗函数。 当我们要实现一个模式弹窗时（模式弹窗，即是说出现弹窗时，页面其它地方不可点击），通常的做法是用一个div将整个页面窗口遮挡住...

Javascript开发之三数组对象实例介绍

2016年07月27日 5 阅读

var a=new Array（）; 如果这样定义：a[3]="a"; alert（a.length） 4 而是的1， 如果定义了，但没有赋值则返回一个undefined （alert（a[0]）） 创建数组： 复制代码 代码如下: arr = [];//是的,一个空中括号 //与下面一句几乎是等价的 arr = new Array（）;var a=new Array（1,"n",3,"m",5,“m”,8）; var a=[]; //定义一个空数组 va...

Google的跟踪代码 动态加载js代码方法应用

2016年07月27日 5 阅读

复制代码 代码如下: <script type="text/javascript"> var _gaq = _gaq || []; //如果变量 _gaq 存在，就等于他自己，否则为一个空数组 _gaq.push（["_setAccount", "UA-24479793-2"]）; //是个2维数组 _gaq[0] = array（0=>"_setAccount", 1=>"UA-24479793-2"）;（设置本跟踪代码所对应的G...

jquery1.83 之前所有与异步列队相关的模块详细介绍

2016年07月27日 5 阅读

jQuery在1.5引入了Deferred对象（异步列队），当时它还没有划分为一个模块，放到核心模块中。直到1.52才分割出来。它拥有三个方法:_Deferred， Deferred与when。 出于变量在不同作用域的共用，jQuery实现异步列队时不使用面向对象方式，它把_Deferred当作一个工厂方法，返回一个不透明的函数列队。之所以说不透明，是因为它的状态与元素都以闭包手段保护起来，只能通过列队对象提供的方法进行操作。这几个方法分别是done（添加...

给artDialog 5.02 增加ajax get功能详细介绍

2016年07月27日 6 阅读

之前用过artDialog 5.0之前版本，非常佩服作者的创意和敬业精神，现在新版的功能朝着轻量级js的方便发展，我还是比较喜欢之前artDialog.open的功能，直接方便。但就是之前版本有点大，我现在只想在artDialog增加一点从ajax get远程内容，我的代码如下： 复制代码 代码如下: $.extend（{ _htmlDataArr:new Array（）, _findHTML:function（url）{ var hd_len= $._h...

如何让div span等元素能响应键盘事件操作指南

2016年07月27日 5 阅读

在我这几天的工作中遇到了一个问题，google了一下找到了解决方案，不过是英文的，我简单翻译下让更多的人能看懂 译文如下： 我有一个可编辑的div，并且在DIV里面还有一个可编辑的span，我想要让span能响应键盘事件， 这里是测试JS代码： 复制代码 代码如下: $（function（） { $（"#someid"）.keypress（function（event）{alert（"test"）;}）; }）; 这里是测试html代码： 复制代码 代码如...

jquery offset函数应用实例

2016年07月27日 10 阅读

我们有时候需要实现这样一种功能：点击一个按钮，然后在按钮的下方显示一个div。当按钮位于角落时，div的位置设定就需要调整，不然，div将显示不完全。我打算使用offset（）方法实现此功能，但要先弄清楚他的功能。offset（）的top是指元素与document的上边的距离，而不是浏览器当前窗体的上边缘，如图1。图1：document高度超过window，浏览器出现滚动条，滚动滚动条，提交按钮的offset不变。图2：document中的div有滚动...

Jquery颜色选择器ColorPicker实现代码

2016年07月27日 7 阅读

在CMS中通常都有给标题添加颜色的功能，但一般都比较简单，颜色支持也少，这里我要分享一个自己修改的颜色选择器。界面简洁，功能强大。在我们的日常项目中可以快速的部署。复制代码 代码如下: $（".colorpicker"）.colorpicker（{ target:"#title", success:function（o,color）{ $（"#color"）.val（color） }, reset:function（o）{ $（"#color"）.val（...

ko knockoutjs动态属性绑定技巧应用

2016年07月27日 5 阅读

knockoutjs 简称 ko ko的动态属性是指，ViewModel不确定的属性，而后期却需要的属性。 什么是不确定属性，比如ListModel如果 编辑某一项，想把这一项的状态变更为Edit。数据并不包括Edit属性，mvvm绑定时，会发现报错。 那么一定需要拓展ko才能达到我们的目的。 首先来认识有值属性绑定，和 无值属性绑定： 一、有值属性绑定： JS模型: 复制代码 代码如下: $（function （） { var viewModel = f...

解决火狐浏览器下JS setTimeout函数不兼容失效不执行的方法

2016年07月27日 6 阅读

今天检查自己用JQuery+AJAX+PHP做的网站后台登录检测，发现登陆成功后执行页面跳转函数这段JavaScript（JS）代码特效在IE和谷歌浏览器Chrome下都可以很好地执行，兼容性还不错。结果到了火狐（FireFox）浏览器下setTimeout这个JS内置函数不执行了，无效了，也没报错！打开FireBUG指望它能检测出JS的错误，结果没用...Javascript（JS）脚本代码在各浏览器下的兼容是一个很头疼的问题，经过一番调试和搜索，终于解...

简单的实现点击箭头图片切换的js代码

2016年07月27日 7 阅读

步骤如下： （1） 准备图片（左右箭头,以及一些示例图片） （2） JS（jquery）的代码如下： 复制代码 代码如下: <script type="text/javascript" src="JS/jquery-1.4.4.js"></script> <script type="text/javascript"> var picPath = new Array（）; picPath.push（"Images/chua...

很弱的js表格换行效果（表格移动行）

2016年07月27日 5 阅读

无标题文档 1 11 上移 下移 2 22 上移 下移 3 33 上移 下移 4 44 上移 下移 5 55 上移 下移 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

始终在页面底部的层js实现代码

2016年07月27日 5 阅读

table {border-top:6 solid blue; border-left:6 solid lime;border-right:6 solid orange; border-bottom:6 solid pink;border-collapse:collapse;} td {border-right:1 solid yellow; border-bottom:1 solid cyan;width:50px;border-collapse:co...