51工具盒子

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

日常运维

基于jquery实现下拉框美化特效

基于jquery实现下拉框美化特效

厉飞雨 阅读(7) 评论(0) 赞(0)

平常我们用的原生select下拉框,大部分样式没办法修改,导致在不同的浏览器里面会跟设计图的风格大相径庭。所以为了能让它美化起来,就用JQ模拟了一个下拉框,可以随意定义样式。原生的下拉框也保留在div里面隐藏着,方便后台开发人员对其进行操作。 效果图如下: ![](http://static.51tbox.com/static/2024-11-23/col/0bc51941...

jquery采用oop模式class类的使用示例

jquery采用oop模式class类的使用示例

厉飞雨 阅读(9) 评论(0) 赞(1)

本文实例讲述了jquery采用oop模式class类的使用方法。分享给大家供大家参考,具体如下: 这里用class来管理jquery的各个function,我觉得很方便,并且代码可读性也很强。以前我喜欢建文件写function,再包括文件,到后来找一个function就比较麻烦了。没有用class来管理function方便。费话不多说了。 **一、oop.html** ...

jquery ajax双击div可直接修改div中的内容

jquery ajax双击div可直接修改div中的内容

厉飞雨 阅读(6) 评论(0) 赞(0)

最近在做后台功能开发的时候,用到对排序字段的修改,感觉只为了修改一个排序值,而要重新进入编辑页比较麻烦,于是网上找点资料自己动手写了一个jquery双击实现直接修改排序值的效果: html代码: ``` <div title="【双击可直接修改】" class="changeSort" id="{$id}&qu...

jquery实现列表上下移动功能

jquery实现列表上下移动功能

厉飞雨 阅读(6) 评论(0) 赞(0)

废话少说,我们开始进入主题。 今天我们实现的是一个列表页面上移、下移功能。如图: ![](http://static.51tbox.com/static/2024-11-23/col/69a200f6e25a23525efae30a088a6fc0/64602dbdb81d40cfb1658d8a2809af69.png.jpg) 当勾选列表中的列时,点击上移或者下移,...

jQuery实现图片加载完成后改变图片大小的方法

jQuery实现图片加载完成后改变图片大小的方法

厉飞雨 阅读(8) 评论(0) 赞(1)

本文实例讲述了jQuery实现图片加载完成后改变图片大小的方法。分享给大家供大家参考,具体如下: 要改变图片的大小并不难,可以用jQuery操作css改变。但是前提是要判断图片是否加载完成。主要是通过jQuery的load事件和onreadystatechange来判断其状态。 对于IE6,用onreadystatechange可以直接处理,在IE7中,则需要用定时器来判断...

jQuery实现伪分页的方法分享

jQuery实现伪分页的方法分享

厉飞雨 阅读(9) 评论(0) 赞(0)

本文实例讲述了jQuery实现伪分页的方法。分享给大家供大家参考,具体如下: 可以对表格数据进行伪分页,而且只需要执行简单的代码就可以实现。 实现的很简单、样式也不太好看,大家可以自行调整,纠正。 下面是一个table,tbody里加载tr数据,无论你怎么加载, 在数据加载完成后便可以对table数据进行伪分页、注意div引用的class,我填充的数据是四列的,所以td...

对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解

对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解

厉飞雨 阅读(10) 评论(0) 赞(0)

虽然jquery的较新的api已经很好用了, 但是在实际工作还是有做二次封装的必要,好处有:1,二次封装后的API更加简洁,更符合个人的使用习惯;2,可以对ajax操作做一些统一处理,比如追加随机数或其它参数。同时在工作中,我们还会发现,有一些ajax请求的数据,对实时性要求不高,即使我们把第一次请求到的这些数据缓存起来,然后当相同请求再次发起时直接拿之前缓存的数据返回也不会对...