JavaScript - 随笔分类 - 小开的一天

精选7款绚丽的HTML5和jQuery图片动画特效

摘要：在HTML5出现后，图片就变得更加富有动感了，各种图片动画特效也层出不穷，例如图片播放器、图片导航、3D图片动画等等。本文将精选几款具有代表性的HTML5和jQuery图片动画特效，绚丽的画面、实用的代码相信能给各位WEB前端爱好者带来帮助，希望大家会喜欢。1、HTML5图片像素特效这是一个神奇的图片特效，图片被分割成1像素，就像沙子一样，很酷。在线演示2、HTML5图片自动归类效果非常精美的作品集展示效果，导航切换的时候图片会自动归类。在线演示/源码下载3、HTML5和jQuery打造的3D相册这是一款基于HTML5和jQuery的精美3D相册，让你的相片富有立体的播放效果。在线演示/源码下阅读全文

posted @ 2013-11-12 14:09 小开的一天阅读(331) 评论(0) 推荐(0)

Console命令详解,让调试js代码变得更简单

摘要：console.log(object[, object, ...])在控制台输出一条消息。如果有多个参数，输出时会用空格隔开这些参数。第一个参数可以是一个包含格式化占位符输出的字符串，例如：console.log("The%sjumpedover%dtallbuildings",animal,count);上面的例子可以用下面的无格式化占位符输出的代码替换：console.log("The",animal,"jumpedover",count,"tallbuildings");并且，这两种方式是可以组合使用的。如果阅读全文

posted @ 2013-03-24 15:36 小开的一天阅读(523) 评论(0) 推荐(0)

js网站

摘要：http://jqueryui.com/sortable/www.github.com 阅读全文

posted @ 2013-01-23 22:41 小开的一天阅读(137) 评论(0) 推荐(0)

JS日历控件集合----附效果图、源代码

摘要：在进行开发的过程中，经常需要输入时间，特别是在进行查询、统计的时候，时间限定更为重要。尽管ASP.NET也集成了日历控件，但是其集成的代码量很大，你可以做一个测试，当你在页面使用一个日历控件时，在发布之后查看该页面的源代码，你会惊奇发现，日历控件的代码量很庞大，这就大大增加的带宽的开销，每当一个客户端请求这个页面，服务器都要将如此庞大的代码进行发送，使得服务器负担加重。而且，ASP.NET集成的日历控件用起来不是很方便，其效果并非我们所想要。所以，大部分人还是选择了JS日历控件，也有很多人从事这方面的研究。在这里将我收藏的几种JS日历控件推荐给大家，附有JS源代码，希望给你带来一丝帮助。.. 阅读全文

posted @ 2012-08-14 16:19 小开的一天阅读(247) 评论(0) 推荐(0)

JS按键大全

摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> </head> <body onkeyup="window.alert(showKeyName(event))"&... 阅读全文

posted @ 2010-06-24 10:38 小开的一天阅读(685) 评论(0) 推荐(0)

高亮效果

摘要：高亮功能主要是指对页面中指定区域的指定文字进行高亮显示，也就是背景着色。一般在搜索结果页面会经常用到这个功能。下面就为大家提供两种解决方案，分别用javascript和jquery插件实现。使用Javascript实现首先在<head>中引入下面javascript方法：上面的fHl方法就是用来实现高亮的，参数的含义在注释中有写。然后在页面最后调用fHl方法，对指定区域指定文字高亮着色... 阅读全文

posted @ 2010-06-21 12:39 小开的一天阅读(616) 评论(0) 推荐(0)

addEventListener 和attachEvent用法

摘要：对于IE的attachEvent方法可能大家都比较熟，现在说说FireFox的addEventListener的用法。addEventListener的参数一共有三个，语法为：element.addEventListener(type,listener,useCapture)下面是详解其中element是要绑定函数的对象。type是事件名称，要注意的是"onclick"要改为"click","on... 阅读全文

posted @ 2010-03-10 15:44 小开的一天阅读(596) 评论(0) 推荐(0)

Width clientWidth offsetWidth实例

摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/url]"><ht... 阅读全文

posted @ 2010-03-02 17:28 小开的一天阅读(1227) 评论(0) 推荐(0)

JS类库 <转>

摘要：1/**//*------------------------------------------------------------2*S.SamsLifexperience3*CopyRight(C)2003-2007S.SamsLifexperienceScriptClassLib4*MSNLive:S.Sams#msn.com5*Http://blog.8see.net/6*UPdateb... 阅读全文

posted @ 2010-02-28 10:17 小开的一天阅读(208) 评论(0) 推荐(0)

Javascript兼容IE和Firefox浏览器技巧<转>

摘要：以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila Firefox1. document.form.item 问题 (1)现有问题：现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 MF 下运行 (2)解决方法：改用 document.formName.elements["elementName"]... 阅读全文

posted @ 2010-02-21 16:53 小开的一天阅读(210) 评论(0) 推荐(0)

【转】Javascript 的词法作用域、调用对象和闭包

摘要：http://blog.belltoy.net/javascript_scope_call_object_closure.html昨天又有人问我 Javascript 闭包到底是什么，我发现三言两语无法解释清楚，干脆就写出来吧。其实关于 Javascript 的函数作用域、调用对象和闭包之间的关系很微妙，关于它们的文章已经有很多，但不知道为什么很多新手都难以理解。我就尝试用比较通俗的语言来表达我自... 阅读全文

posted @ 2009-12-30 17:39 小开的一天阅读(714) 评论(0) 推荐(0)

探索之闭包七使用闭包来实现模板方法模式

摘要：我们知道，很多的设计模式都是通过增加接口来达到解耦的目的，使得代码的扩展性大大增强。其中，模板方法模式就是这样的。请看下面的例子。假设我们有如下的两个类：class A { public void doing() { println 'doing some common part...' println 'doing a...' }}class B { public void doing()... 阅读全文

posted @ 2009-12-30 17:38 小开的一天阅读(245) 评论(0) 推荐(0)

【转】深入理解JavaScript闭包(closure)

摘要：http://www.felixwoo.com/archives/247最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。一、什么是闭包？“官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环... 阅读全文

posted @ 2009-12-30 16:43 小开的一天阅读(201) 评论(0) 推荐(0)

JavaScript replace new RegExp

摘要：今天没什么事做，把javascript中replace方法讲解一下，如果讲得不对或不合理是情理之中的事，因为我不是老鸟，也不是菜鸟，我也不知道我当底是什么鸟？？呵~~replace方法的语法是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正则表达式对象(RegExp)也可以是字符串 (string)，r... 阅读全文

posted @ 2009-12-09 17:52 小开的一天阅读(452) 评论(0) 推荐(0)

js 运算符 || && 妙用

摘要：首先出个题：如图：假设对成长速度显示规定如下：成长速度为5显示1个箭头；成长速度为10显示2个箭头；成长速度为12显示3个箭头；成长速度为15显示4个箭头；其他都显示都显示0各箭头。用代码怎么实现？差一点的if，else：Js代码 varadd_level=0; if(add_step==5){ add_level=1; } elseif(add_step==10){ add_level=2; }... 阅读全文

posted @ 2009-12-09 13:09 小开的一天阅读(604) 评论(0) 推荐(0)

js日历控件

摘要：http://kimsoft-jscalendar.googlecode.com/svn/trunk/help.html 阅读全文

posted @ 2009-08-17 13:03 小开的一天阅读(175) 评论(0) 推荐(0)

offsetLeft,Left,clientLeft的区别

摘要：假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位像素。obj.offsetWidth 指 obj 控件自身的绝对宽度，不包括因 overflow 而未显示... 阅读全文

posted @ 2009-08-15 15:49 小开的一天阅读(193) 评论(0) 推荐(0)

可以用javascript实现的10种图片特效

摘要：一般来说，我们在写博客或做网站时都需要对插图做一些效果，比如增加阴影、图片圆角、倒映等等。这些效果一般可以用3个方法实现，一是用PS实现对图片进行修改，二是使用CSS，三是使用JavaScript。使用PS会破坏原图，而且要花费一定的时间。Netzgesta上有很多实现图片特效的JavaScript提供下载，很多效果都是相当漂亮的。1、水倒映这个js将为图片添加水倒映的特效，时下web2.0站点很... 阅读全文

posted @ 2009-08-03 11:48 小开的一天阅读(1656) 评论(1) 推荐(0)

JS从样式表取值的函数currentStyle(IE),defaultView(FF)

摘要：因为写js经常需要用到访问样式，我们常用的做法是通过 DOM.style.XXX来读写样式信息的。可是DOM.style这种写法只能访问<DOM style=""></DOM>，这样在标签里内置的样式，如果样式写在<style type="text/css"></style>，或者.css文件里，那么就办法读到样式了。其实呢，还有别的方法可以读到这些... 阅读全文

posted @ 2009-07-27 22:56 小开的一天阅读(2076) 评论(0) 推荐(0)

Edo框架

摘要：EdoJS网站改版完成!!!6大产品:1.EdoJS界面开发框架:http://www.edojs.com/product/edo/index.html2.Web甘特图:http://www.edojs.com/product/gantt/index.html3.WebExcel:4.文档管理器:http://www.edojs.com/product/filemanager/index.html... 阅读全文

posted @ 2009-07-27 13:55 小开的一天阅读(968) 评论(0) 推荐(0)

小开的一天

随笔分类 - JavaScript

公告