51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

JavaScript笔记

基于jquery的不规则矩形的排列实现代码

基于jquery的不规则矩形的排列实现代码

厉飞雨 阅读(331) 评论(0) 赞(17)

<p>这个东西让我想起了俄罗斯方块,这个实现起来很简单,容器里面所有的块元素用绝对定位排列,如果能放的下就放在这里,如果放不下了,在队列中找到能放得下的元素放置,<br /> 实在找不到,则换行排列下一行,具体思路是这样。代码里有详细的注释直接看代码吧。<br /> 下面是一个demo:<br /> <a href=&quo...

表头固定(利用jquery实现原理介绍)

表头固定(利用jquery实现原理介绍)

厉飞雨 阅读(337) 评论(0) 赞(15)

<p>表头固定应该是一个用得比较多的功能,参考了网上几个例子,在几个常用浏览器下显示不是很完美。而且很多都是基于固定的表格,在编码时多写一个固定的表头,对于动态生成的不知道多少列的表格就无从下手。而且例子中大多只能满足限定高度的情况,如果限定宽度,出现横向滚动条就无能为力了。</p> <p>我的目的就是要像jquery-ui那样,找到页面上存...

jQuery基础框架浅入剖析

jQuery基础框架浅入剖析

厉飞雨 阅读(304) 评论(0) 赞(17)

<p><strong>一、原型模式结构</strong><br /> ++复制代码++ 代码如下:</p> <p>// 定义一个jQuery构造函数<br /> var jQuery = function() {<br /> };<br /> // 扩展jQuery原型&...

jquery入门—编写一个导航条(可伸缩)

jquery入门—编写一个导航条(可伸缩)

厉飞雨 阅读(339) 评论(0) 赞(17)

<p><strong>1、编写一个导航条</strong> ,单击标题时,可以伸缩导航条内容,简化内容或显示更多内容。<br /> <strong>示例代码如下</strong> :<br /> ++复制代码++ 代码如下:</p> <p>&lt;!DOCTYPE...

jquery怎样实现ajax联动框(二)

jquery怎样实现ajax联动框(二)

厉飞雨 阅读(383) 评论(0) 赞(17)

<p>另一种形式的联动框,右边的联动框用jquery生成<br /> <img src="http://files.jb51.net/file_images/article/201303/201338120004326.jpg?20132812023&amp;jdfwkey=zcsbi3" alt=""...

jquery实现excel导出的方法

jquery实现excel导出的方法

厉飞雨 阅读(332) 评论(0) 赞(14)

由于javascript本身是没有权限操作本地文件的,除非使用ActiveX,但这东西麻烦又不安全,完全不想用.所以从页面的表格中获得数据保存成本地文件的办法是行不通了. 我们想要导出的是表格中的数据,表格中的数据又是从服务器来的,那我们把服务器上的数据下到本地保存成文件不就可以了. 服务端实现代码: <br /> ++复制代码++ 代码如下: Ser...

jQuery滚动加载图片效果的实现

jQuery滚动加载图片效果的实现

厉飞雨 阅读(252) 评论(0) 赞(17)

<br /> ++复制代码++ 代码如下: \<BR\>/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*滚动加载图片函数\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/ function scrollLoading(){ var st = $(window).scrollTop(), sth = st...