在阅读本文前，可以先阅读《Javascript拖拽&拖放系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight属性》这篇文章，以理清上下文关系。好了，让我们开始进入正题。 模型相同的属性/方法 1 Button属性 Integer类型，可读可写。对于特定的鼠标事件，表示按下的鼠标按钮，它可以在拖拽的时候，判断是否是鼠标左键引发mousedown事件。它的所有取值及其意义（参考自《Javascript高级程序设计》）好了，让我们开始进入正题。...
我知道大家的想法, 放心好了,有些东西是不需要太多的理论知道做为基础, 其实在我们已经掌握JavaScript时,就已经掌握了JQuery的理论知识. 还是入门篇所说的那样,其实JQuery很简单. : )在我们开始学习之前建议大家先去下载JQuery1.3中文参考. 下载地址http://www.gxlcms.com/books/17812.html 好了,进入正题. 再次申明JQuery很简单,take easy! 从那开始呢? 最好的切入地方就从 ready 函数开始!定义ready(fn);功能 这是事件模块中...
本文的宗旨, 授人鱼不如授人渔. 我只会讲关键部分,不可能JQuery的每个函数我都讲,因为有很多函数贝壳自己在实际应用中都从未使用过. 但当我们已经会渔了还用担心鱼吗!?BTW:贝壳假设你已经掌了基本的JavaScript运用能力及基础的CSS知识.JQuery是什么 JQuery只是一个JS文件人对新鲜事业总是报着好奇与排斥的情感,贝壳刚开始学的时候也一样. 想掌握又怕自己学不会. 其实JQuery很简单.JQuery其实就是一个工具包,很多常用的功能已经被好...
接着上次scrollable的学习，今天继续jquery tools六大功能的第四个功能——overlay的学习。如scrollable的学习，首先给出操作的html目标代码：<button rel="#overlay">Open overlay</button> <button rel="#overlay2">Other overlay</button> <p class="overlay" id="overlay"> <h2 style="margin:10px 0" >Here is my overlay</h2> <p style="float: left; margin:0px 20px 0 0;"> <span>$$$$$$$$$$</span> <...
scrollable提供的一系列获取scrollable对象的方法具体使用方式如下： 代码如下:var scrollable=$("div.scrollable").scrollable(); //alert(scrollable.getConf().prev);//获取配置对象中的prev属性 scrollable.getConf().speed=200;//设置配置对象的speed属性 //alert(scrollable.getIndex());//获取当前滚动项的索引 //alert(scrollable.getItems().length);//获取当前滚动项的数量 //alert(scrollable.get...
代码如下: 1. An example title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et felis eget tellus pharetra porttitor. Praesent dui arcu, egestas quis, adipiscing a. 60 sec 2. An example title Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et felis eget tellus pharetra porttitor. Praesent dui arcu, egestas quis, adipiscing a. 80 sec 3. An example ti...
如overlay的学习，首先给出操作的html目标代码： 代码如下: expose test! open div close div 该功能是通过jqueryObject.expose()方法来实现的，其具体实现方式如下： $("jquery selector").expose({config object}) //该方法通过配置对象将来定制expose的显示。 以下代码为配置参数说明描述： 属性 默认值 详细描述color #456 设置页面中非expose(突出显示)区域在expose（突出显示）效果显示时的背景颜色。如果此处...
、IE与FireFox的js和css png透明 AlphaImageLoaderfilter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL) enabled：可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true：默认值。滤镜激活。false：滤镜被禁止。sizingMethod：可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。crop：剪切图片以适应对象尺寸。image：默认值。增大或...
前言：最近好多朋友在群里面聊到bootstrap icon图标的问题，比如最常见的菜单管理，每个菜单肯定需要一个对应的菜单图标，要是有一个可视化的图标选择组件就好了，最好是直接选择图标，就能得到对应的class样式。于是乎各种百度，皇天不负有心人，最后被博主找到了，感觉效果还不错，并且支持自定义的图标，今天就拿出来分享下，绝对的干货哦！一、Bootstrap icon picker组件这个组件是在github上面搜索的时候找到的，初初看上去，...
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 一、准备工作：1、为什么学习JavaScript所有的主流浏览器都只是Javascript大部分网页都使用Javascript它可以让网页呈现各种动态效果易学 2、如何插入JS标签要成对出现...
React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。 前几天写的那个拖拽，自己留下的疑问。。。这次在热心博友的提示下又修...
一、什么是JavaScript? 1、JavaScript是一种解释执行的脚本语言 2、JavaScript是一种可以用给网页增加交互性的编程语言 3、JavaScript不是Java。JavaScritp是Netscape公司开发的，而Java是由sun公司开发的 二、JavaScript的开发工具 从某种意义上讲，文本编辑软件都可以编写JavaScript代码,在windows平台建议使用Aptana IDE开发工具，当然更多的开发工具可以简单搜索一下获出更多的结果！如果是在mac平台下建议使用Bare Bones软件公...
效果图 全部代码 代码如下: /** * @author xing */ (function($){ $.extend({ alert:function(html,callback){ var dialog=new Dialog(); dialog.build(alert,callback,html); }, confirm:function(html,callback){ var dialog=new Dialog(); dialog.build(confirm,callback,html); } }); var Dialog=function(){ var render={ template: 系统提示你的操作出现错误！, templateConfirm: 系统提示你的操作出现错误！, /** * 根据需...
一.摘要 本系列文章是为了抽象通用的,跨浏览器的脚本方法. 本篇文章讲解弹出浮动层的javascript函数, 以及函数的原理和使用注意事项. 二.实现效果 用脚本弹出浮动层是我们最常用的脚本方法之一.下面是效果图: 点击图中的"航空公司"后,会在"航空公司"下面弹出浮动层. 在网上弹出框的脚本相当多, 而且还有各种第三方JS框架可供我们使用.但是其中有的脚本过于简单,仅仅粗略的实现弹出效果而忽略了灵活性,通用性和跨浏览器特性. 使用JS...
代码如下: isNull: function(a){ return a === null; }, isUndefined: function(a){ return a === undefined; }, isNumber: function(a){ return typeof a === number; }, isString: function(a){ return typeof a === string; }, isBoolean: function(a){ return typeof a === boolean; }, isPrimitive: function(b){ var a = typeof b; return !!(b === undefined || b === null || a == boolean || a == number || a == string)...