基于jquery实现下拉框美化特效
平常我们用的原生select下拉框,大部分样式没办法修改,导致在不同的浏览器里面会跟设计图的风格大相径庭。所以为了能让它美化起来,就用JQ模拟了一个下拉框,可以随意定义样式。原生的下拉框也保留在div里面隐藏着,方便后台开发人员对其进行操作。 效果图如下: ![](http://static.51tbox.com/static/2024-11-23/col/0bc51941...
平常我们用的原生select下拉框,大部分样式没办法修改,导致在不同的浏览器里面会跟设计图的风格大相径庭。所以为了能让它美化起来,就用JQ模拟了一个下拉框,可以随意定义样式。原生的下拉框也保留在div里面隐藏着,方便后台开发人员对其进行操作。 效果图如下: ![](http://static.51tbox.com/static/2024-11-23/col/0bc51941...
本文实例讲述了jquery采用oop模式class类的使用方法。分享给大家供大家参考,具体如下: 这里用class来管理jquery的各个function,我觉得很方便,并且代码可读性也很强。以前我喜欢建文件写function,再包括文件,到后来找一个function就比较麻烦了。没有用class来管理function方便。费话不多说了。 **一、oop.html** ...
最近在做后台功能开发的时候,用到对排序字段的修改,感觉只为了修改一个排序值,而要重新进入编辑页比较麻烦,于是网上找点资料自己动手写了一个jquery双击实现直接修改排序值的效果: html代码: ``` <div title="【双击可直接修改】" class="changeSort" id="{$id}&qu...
废话少说,我们开始进入主题。 今天我们实现的是一个列表页面上移、下移功能。如图: ![](http://static.51tbox.com/static/2024-11-23/col/69a200f6e25a23525efae30a088a6fc0/64602dbdb81d40cfb1658d8a2809af69.png.jpg) 当勾选列表中的列时,点击上移或者下移,...
1. 参数type由get改成post 2. 添加参数cache并设置成false 3. 添加时间戳 ``` $.ajax({ url: 'ios/index', cache: false, type: 'post', data: { timestamp: new Date().getTime() ...
本文实例讲述了jQuery实现图片加载完成后改变图片大小的方法。分享给大家供大家参考,具体如下: 要改变图片的大小并不难,可以用jQuery操作css改变。但是前提是要判断图片是否加载完成。主要是通过jQuery的load事件和onreadystatechange来判断其状态。 对于IE6,用onreadystatechange可以直接处理,在IE7中,则需要用定时器来判断...
本文实例讲述了jQuery实现的文字hover颜色渐变效果。分享给大家供大家参考,具体如下: ``` <html> <head> <script type="text/javascript" src="jquery-1.6.2.min.js"></script> <sc...
本文实例讲述了jQuery实现伪分页的方法。分享给大家供大家参考,具体如下: 可以对表格数据进行伪分页,而且只需要执行简单的代码就可以实现。 实现的很简单、样式也不太好看,大家可以自行调整,纠正。 下面是一个table,tbody里加载tr数据,无论你怎么加载, 在数据加载完成后便可以对table数据进行伪分页、注意div引用的class,我填充的数据是四列的,所以td...
虽然jquery的较新的api已经很好用了, 但是在实际工作还是有做二次封装的必要,好处有:1,二次封装后的API更加简洁,更符合个人的使用习惯;2,可以对ajax操作做一些统一处理,比如追加随机数或其它参数。同时在工作中,我们还会发现,有一些ajax请求的数据,对实时性要求不高,即使我们把第一次请求到的这些数据缓存起来,然后当相同请求再次发起时直接拿之前缓存的数据返回也不会对...
**如下所示:** ``` <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="h...