51工具盒子

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

前端开发

基于jQuery的Web上传插件Uploadify使用示例

基于jQuery的Web上传插件Uploadify使用示例

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

Uploadify是一款功能强大,高度可定制的文件上传插件,实现的效果非常不错,带进度显示。在最简单的方式下,Uploadify使用很少的代码就可以运行起来。 Uploadify官方下载地址:http://www.uploadify.com/download/ **测试例子** 以下是一个使用的简单例子: 这里我们采用了Uploadify包中自带的php测试脚本作为上...

jQuery EasyUI中DataGird动态生成列的方法

jQuery EasyUI中DataGird动态生成列的方法

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

EasyUI中使用DataGird显示数据列表中,有时需要根据需要显示不同的列,例如,在权限管理中,不同的用户登录后只能查看自己权限范围内的列表字段,这就需要DataGird动态组合列,下面介绍EasyUI中DataGird动态生成列的方法。 DataGird动态生成列,实际上就是控制DataGird的 columns 属性值,下面通过ajax异步调用后台columns的数据...

JQuery fileupload插件实现文件上传功能

JQuery fileupload插件实现文件上传功能

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

道理相通,我简单分享下在.net MVC下的实装。 1.制作Model类 ``` using System; using System.Collections.Generic; using System.Linq; using System.Web; namespace RCRS.WebApp.LG.EM.Models { //----------...

基于JQuery实现图片轮播效果(焦点图)

基于JQuery实现图片轮播效果(焦点图)

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

自己写了一个纯jq形式的横向轮播焦点图,可点击小圆点或者左右按钮进行切换,属于定宽类型。改成自适应宽度的也不难,将css里面的bannerCon宽度改为百分比,再在js里面将ul和li的宽度跟随父级容器的宽度变化即可,需要用到$(window).resize。 兼容到IE6+以上浏览器,有轮播速度和切换间隔两个参数可以改。 效果图如下: ![](http://static...

jQuery无刷新上传之uploadify3.1简单使用

jQuery无刷新上传之uploadify3.1简单使用

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

昨天在网上找到了一个叫做uploadify的jquery上传插件,看到有几篇文章也是介绍这个插件的,心想何不用这个试试。 不过网上的这几篇文章用到的uploadify还是以前的旧版本uploadify-v2.1.0,我在官网上下载的是uploadify-v3.1版,其中的一些参数以及调用方法也不同了,还好官网有帮助文档。 (唯一感觉不爽的一点就是这个开发包是针对php的,官...

jQuery焦点图轮播插件KinSlideshow用法分析

jQuery焦点图轮播插件KinSlideshow用法分析

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

本文实例讲述了jQuery焦点图轮播插件KinSlideshow用法。分享给大家供大家参考,具体如下: ``` <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit...

基于jQuery实现仿百度首页选项卡切换效果

基于jQuery实现仿百度首页选项卡切换效果

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

以下代码比较简单,所以没给大家附太多的注释,有问题欢迎给我留言,具体详情请看下文代码吧。 先给大家展示下效果图: ![](http://static.51tbox.com/static/2024-11-23/col/3a71f405f06c1de809212629c3e25036/442dd5fe70b94de4b00fd1c518278b93.png.jpg) 代码如下...

Jquery组件easyUi实现表单验证示例

Jquery组件easyUi实现表单验证示例

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

本文实例为大家分享了Jquery easyUi表单验证实现代码,供大家参考,具体内容如下 ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Basic Form - jQuery EasyUI Dem...

JQuery实现列表中复选框全选反选功能封装(推荐)

JQuery实现列表中复选框全选反选功能封装(推荐)

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

我们在做列表的时候经常会遇到全选,反选进行批量处理问题,例如: ![](http://static.51tbox.com/static/2024-11-23/col/f83b0e145753d6f654cb283abb59323d/761152cadbaa449f97a40eabd1718d85.png.jpg)   我当时就是简单的实现了,然后想封装到公共的js中,封装的...