关注前端开发微信微信号web007007

jquery.pagination.js实现无刷新ajax分页

jquery.pagination.js实现无刷新ajax分页

1.使用插件为 jquery.pagination.js ,如果没有这个js文件的话,我可以给发个。 首先引用 jquery.pagination.js (分页js),跟pagination.css(分页样式css)。 2.页面js代码为 var pageIndex = 0; //页面索引初始值 var pageSize = 15; //每页显示条数初始化,修改显示条数,修改这里即可 $(function () { InitTable(0); //Load事件,初始化表格数据,页面索引为0(第一页) //<a hre...

阅读全文...

60个jQuery 幻灯片插件演示和下载

60个jQuery 幻灯片插件演示和下载

jQuery 是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片,一种在有限的网页空间内展示系列项目时非常好的方法。今天要给大家分享的是60款很酷的 jQuery 幻灯片,一起欣赏。 Cloud Carousel (演示 | 下载) ShineTime (演示 | 下载) Nivo Slider (演示 | 下载) Interactive Photo Desk (演示 | 下载) B...

阅读全文...

原生JavaScript隔行换色

原生JavaScript隔行换色

JavaScript代码: window.onload=function () { var oUl=document.getElementById('ul1'); var aLi=oUl.getElementsByTagName('li'); var i=0; for(i=0;i<aLi.length;i++) { if(i%2==0) //0,2,4,6,8,10... { aLi[i].className='alt'; } } }; css样式代码 *{padding:0;margin:0;list-style:none;} #ul1{} #ul1 li{height:30px;} #ul1 li.alt{background:#...

阅读全文...

JS实现动态添加类名

JS实现动态添加类名

今天遇到这样的一个问题,对于下面这个表格,要实现类似的效果,如果去做呢。忽略IE6,直接对td使用hover伪类,但是达不到这样的效果,只能在指上第一行的时候,前面的大单元格产生效果,要让在第二行,第三行都产生效果,只能使用js。 动态增加类名的js函数如下 function addClass(id,className){ var element = document.getElementById(id); if(element.className == ""){ ...

阅读全文...

js防刷新的倒计时代码

js防刷新的倒计时代码

这里做了个js防刷新的倒计时的例子,什么也不说了,直接上代码比较爽块 &lt;pre&gt;&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt; &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt; &lt;head&gt; &lt...

阅读全文...

页面加载时调用js方法:简述 onload

页面加载时调用js方法:简述 onload

也许多数人对于 onload 早已是轻车熟路,可我觉得还是有必要整理一篇稍微详细一些的文章。也方便自己加深记忆。 一直没有仔细看过js文档中关于 body 的 onload 属性 和 window.onload 方法。今天就此作一小结吧。 可以从多个切面入手。比如,页面加载时,只调用一个方法,或者页面加载时需要调多个js方法。就按照这个来说吧。 1.最简单的调用 <html> // 当然也可以简写成: onload=&q...

阅读全文...

Node.js 究竟是什么

Node.js 究竟是什么

关于Node.js的传言早已甚嚣尘上。那么Node.js到底是什么呢?为什么你应当关心它呢(这可不是我一个人说的哦!)? 读写网为此特地与JavaScript开发人员、LearnBoost的创始人和CTOGuillermo Rauch进行了一次聊天采访以披露一些深刻的见解。 到底Node.js是什么呢? Rauch:Node.js是一个在浏览器外部创建互联网应用程序的框架。它使用谷歌开发的超快速JavaScript引擎V8。JavaScript的事件驱动特性...

阅读全文...

前端性能优化:写出高性能的JavaScript

前端性能优化:写出高性能的JavaScript

减少浏览器的repaint/reflow 1.什么是浏览器的repaint/reflow 页面在加载的过程中,需要对文档结构进行解析,同时需要结合各种各样的样式来计算这个页面长什么样子,最后再经过浏览器的渲染页面就出现了。这整个过程细说起来还是比较复杂,其中充满了repaint和reflow。对于DOM结构中的各个元素都有自己的盒子模型,这些都需要浏览器根据各种样式(浏览器的、开发人员定义的等)来计算并根据计算...

阅读全文...

使用jquery插件实现图片延迟加载技术

使用jquery插件实现图片延迟加载技术

有时我们看到一些大型网站,页面如果有很多图片的时候,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加快了页面加载的速度,对于比较长的页面来说,这个方案是比较好的。 这里推荐使用jquery图片延迟加载插件jquery.lazyload实现图片延迟加载提高网站打开速度。 下载地址:http://www.appelsiini.net/downlo...

阅读全文...

页面自动跳转url

页面自动跳转url

页面自动跳转其实就是一个页面加载事作,当页面加载时马上跳转到另一个URL上就行了 我介绍一个很暴力的方法,把如下代码加到HEAD之间就OK了 <script>window.onload=function(){location.href = 'http://www.web92.net';};</script>

阅读全文...

JQuery常用表单代码收藏

JQuery常用表单代码收藏

//选择被选中Radio的Value值 $(“input[name='radio_name'][checked]“).val(); //根据Value值设置Radio为选中状态 $(“input[name='radio_name'][value='要选中Radio的Value值']“).attr(“checked”,true); //选择被选中CheckBox元素的集合 如果你想得到Value值你需要遍历这个集合 $(“input[name='checkbox_name'][checked]“); //遍历被选中CheckBox元素的集合 得到Value值 $($(“input[name='checkb...

阅读全文...

图片预加载幻灯

图片预加载幻灯

最近学习原生js,学到Image对象,就简单写了个图片预加载幻灯。 图片预加载的好处是能够让页面更快的显示,特别是遇到幻灯图片很大的时候。 但是可能会重复http的请求。 其中利弊,只能自己衡量了。 菜鸟一个,有发现bug的话多多请多包含指教。 js代码: <pre>/* * time:2012-06-04 * js图片缓存幻灯 * author:cll */ window.onload =function() { var $id = document.getEl...

阅读全文...

推荐一款弹窗

推荐一款弹窗

一个基于jQuery的弹出层。 支持拖拽,支持多窗口。内容为文字,ID,图片,SWF,URL,框架。 预览网址:http://www.web92.net/dom/2012-06-04-XY_Tips

阅读全文...

jQuery实现右下角弹出广告

jQuery实现右下角弹出广告

许多网站都会在浏览器的右下角弹出广告。 这种效果用jQuery可以很容易的实现。代码只有几行。 不得不感叹jQuery的强大····· js代码: <script type="text/javascript"> $(document).ready(function(){ setTimeout(function(){ $("#ad").slideDown(); },1000) $("#close").click(function(){ $("#ad").slideUp(); }) }) </script>...

阅读全文...

javascript基础知识大全

javascript基础知识大全

发些javascript基础知识,便于大家学习,也便于我自己查看 1.javascript的数组API <pre>//定义数组 var pageIds = new Array(); pageIds.push(´A´); 数组长度 pageIds.length; //shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4,5] b:1 //unshift:...

阅读全文...

jquery Masonry插件–瀑流式布局的不错选择

jquery Masonry插件–瀑流式布局的不错选择

近来瀑流式布局越来越普遍,实现瀑流式布局的插件也越来越多。 例如淘宝的KISSY。 不过对我我这种半吊子来说,要熟练的使用KISSY没那么快。 最近在一个项目中hery推荐了一个Masonry插件, 使用起来很简单,插件大小只有6k。简单介绍下。 一般的瀑流式布局,如果有4列的话,很多人会采用一下这种写法: <div id="main"> <div> <div></div> <div><...

阅读全文...

【jquery插件】瀑流布局Masonry 插件

【jquery插件】瀑流布局Masonry 插件

瀑流布局现在在很多大大小小的网站中都可以看到,可是你发现如果你想用是一件相当麻烦的事,今天有了Masonry 插件,给大家带来一个很大的惊喜,简单使用,轻量级应用。 类似的布局,似乎一夜之间出现在国内外大大小小的网站上,比如 Pinterest (貌似是最早使用这种布局的网站了),Mark之,蘑菇街,点点网,以及淘宝最新上线的“哇哦” 等等,倒是很流行哈~ 在淘宝即将上线的众多产品中,你还会大量...

阅读全文...

【js 源码】快速入门正则表达式

【js 源码】快速入门正则表达式

很长时间没看 正则表达式了,碰巧今天用到,温故知新了一把 看书学习吧 50% 的举一反三练习中的原创。 一 javascript正则表达式的基本知识 1     javascript 正则对象创建 和用法 声明javascript 正则表达式 var reCat = new RegExp("cat"); 你也可以 var reCat = /cat/;      //Perl 风格   (推荐) 2 学习最常用的 test exec match search  replace  split 6个方法 1) test  检查...

阅读全文...

可能是史上最全的jQuery学习资料(打包下载)

可能是史上最全的jQuery学习资料(打包下载)

可能是史上最全的jQuery学习资料 下载包里包含: 1.《《锋利的jQuery》(高清扫描版-有书签)》&实例源码 2.《jQuery初学实例代码集》 3. 《240多个jQuery插件.pdf》 4.《AJAX教程—JQUERY.pdf》 5.《jQuery.EasyUi-1.2.4_API.chm》 6.《jQuery_EasyUI培训文档.doc》 7.《Jquery_基础学习笔记.pdf》 8.《Jquery_基础学习笔记.pdf》 9.《jQuery_使用手册.pdf》 10.《jquery的基本用法[文字版][中...

阅读全文...

jQuery实现鼠标点击和hover菜单展开代码

jQuery实现鼠标点击和hover菜单展开代码

这是一段之前在网上找到的一段代码,是鼠标点击之后菜单展开的jQuery代码,现在只需要改动一个js代码中的一个单词就实现鼠标放在导航栏上菜单展开的手风琴代码 先来看看html部分: <pre><div id="wrapper-250"> <ul> <li id="one"><a href="http://www.funet8.com">好玩吧<span>495</span>&l...

阅读全文...