jquery
hjl416148489
这个作者很懒,什么都没留下…
展开
-
超炫的弹出层效果Fancybox
Fancybox具有很强大的功能,它可以加载DIV,图片、图片集、Ajax数据,还能加载SWF影片,iframe页面等等。本文讲演示七种弹出层示例。[img]http://www.sucaihuo.com/jquery/demo/45/images/demo.jpg[/img]我们先演示第一种[b]超炫的弹出层效果[/b],看了以后,其他神马弹出层弱爆了HTML:[code="ja...原创 2015-05-11 09:03:07 · 287 阅读 · 0 评论 -
WebUploader大文件上传
我们在上传大文件时都遇到过这样或那样的问题,设置很大的maxRequestLength值并不能完全解决问题,除了允许你上传大文件外,还能实时显示上传进度并捕获上传中的错误信息。压缩包里有示例下载。[img]http://www.sucaihuo.com/jquery/logo/2/268/big.jpg[/img][b]WebUploader演示地址[/b]:[url]http://w...原创 2015-06-30 17:31:15 · 180 阅读 · 0 评论 -
jquery焦点图支持手机触屏
Flexslider是一款jQuery滚动插件,代码非常简洁,拓展性很高。可创建图片轮播效果、焦点图效果、图文混排滚动效果,支持手机端等移动设备滑动。[img]http://www.sucaihuo.com/jquery/demo/6/images/demo.jpg[/img]Flexslider最受众多开发人员好评的优秀,具有以下优势: 支持触屏移动设备滑动。 支...原创 2015-05-22 17:03:50 · 176 阅读 · 0 评论 -
jQuery+Ajax多图片上传即时显示
一款多图片上传插件:plupload,通过PHP+Ajax实现多图片上传的效果。用户只需要点击选择要上传的图片,然后图片自动上传到服务器上并立即显示在页面上。[img]http://www.sucaihuo.com/jquery/demo/3/images/demo.jpg[/img]首先我们在页面上放置个上传按钮,使用POST提交到ajax.php。#ul_pics 用来显示上传完毕后的...原创 2015-05-21 12:56:01 · 478 阅读 · 0 评论 -
jQuery仿淘宝商品多属性查询
[img]http://www.sucaihuo.com/jquery/demo/126/images/demo.jpg[/img]首先我们在页面上放置三个筛选类和筛选结果.select-result:[code="java"] 上装: 全部 针织衫 ...原创 2015-05-20 10:28:13 · 554 阅读 · 0 评论 -
jQuery.nicescroll美化滚动条
jQuery滚动条插件兼容ie6+、手机、ipad。首先我们在#content加入一定高度的内容。一定要出现滚动条,不然看不到效果。[code="java"] 我们的特色 1、软件+人工精心仿制。3个工作日内完成仿制 2、文件归类。图片放在images文件夹,样式css,特效js,字体fonts 3、个人中心、需要登录等页面也可仿制 ...原创 2015-05-19 10:50:41 · 175 阅读 · 0 评论 -
分享日历拖动与数据保存
首先是载入jQuery库,jQuery ui,ullcalendar及弹出层fancybox。[img]http://www.sucaihuo.com/jquery/demo/107/images/demo.jpg[/img][code="java"]原创 2015-05-18 13:07:14 · 238 阅读 · 0 评论 -
国内最受欢迎的HTML编辑器
[img]http://www.sucaihuo.com/jquery/demo/123[/img][b]kindeditor默认模式:[/b][code="java"]KindEditor[/code][code="java"]var editor; KindEditor.ready(function(K) { editor = K.create('textare...原创 2015-05-18 10:31:44 · 443 阅读 · 0 评论 -
分享一款精美的日期时间选择插件
bootstrap经常用的一款日期时间选择插件,小清新风格又有动画效果的日期时间插件。本文将演示8种不同的日期选择。[img]http://www.sucaihuo.com/jquery/demo/119/images/demo.jpg[/img][code="java"] [/code][code="java"][/code][code="jav...原创 2015-05-15 13:08:25 · 210 阅读 · 0 评论 -
Infinite-Scroll无限滚动加载数据
无限滚动的实现原理:当滚动条到底离网页底部一定长度的时候,向后台发送页数并获取数据。首先我们在页面上先放置10条数据,即第一页,每一项都是p标签:[code="java"] 1、PHP生成图片验证码 2、jQuery实现table上移下移和置顶 3、基于jQuery的cookie插件 4、jQuery仿淘宝图片放大镜插件imagezoom ...原创 2015-05-11 22:20:08 · 1126 阅读 · 0 评论 -
jQuery右下角弹出广告
给大家分享下使用jQuery实现网页右下角广告的实例。其效果广告从右下角缓慢升起,展示一定时间自动消失,你也可以改成网站消息提示窗口。[img]http://www.sucaihuo.com/jquery/0/11/big.jpg[/img][b]jquery加入购物车演示[/b]:[url]http://www.sucaihuo.com/js/11.html[/url]...原创 2015-08-18 14:04:02 · 233 阅读 · 0 评论