piperzero-CSDN博客

原创 jQuery 几种不同的slide滑动banner，包括自动播放和带缩略图

本例的上下项目用的是自定义字体本例的案例一共有6个，演示页面左侧导航条可以看到演示 XML/HTML Codediv id="main" role="main"> section class="slider"> div class="flexslider"> ul class="slides"> li>

2014-02-19 13:55:15 2365

原创整个页面滚动显示不同的内容

整个页面滚动显示不同的内容本例用到的js和css请到演示页面查看演示 JavaScript Code $(document).ready(function(){ $(".main").onepage_scroll({ sectionContainer: "section", responsiveFallback: 600 });

2014-02-16 09:38:18 1908

原创 PHP jQuery表单,带验证

PHP jQuery表单,带验证 Email检测,密码重复检测,可以用于表单发送的各种环境，例如发送反馈，注册帐号演示 XML/HTML Codediv id="container"> if( isset($_POST['send']) && (!validateName($_POST['name']) || !validateEmail(

2014-02-11 19:51:40 1698

原创简单的tab标签

简单的tab标签演示 XML/HTML Codediv id="moving_tab"> div class="tabs"> div class="lava">div> span class="item">Popular Postsspan> span class="item">Recent Postsspan> div

2014-02-09 12:30:01 1694

原创可以计算积的表格

可以计算积的表格点击后计算和和列的积演示页面可以看到css文件和js文件js文件中可以设置size,行数的值要先设置演示 XML/HTML Codetable cellspacing="0" cellpadding="0" id="pricingtable" name="pricingtable" class="pricingtable" align="center"> tbody>tr cl

2014-02-07 13:24:15 1811

原创点击弹出层ajax php jquery 发送表单

点击弹出层ajax php jquery 发送表单演示 JavaScript Code"text/javascript"> var messageDelay = 2000; // How long to display status messages (in milliseconds) // Init the form once the document is ready $( i

2014-01-15 10:44:14 2252

原创一个简单的响应组合页面过滤和悬停效果

一个简单的响应组合页面过滤和悬停效果演示 JavaScript Codeclass="container"> "filters" class="clearfix"> class="filter active" data-filter="app card icon logo web">All class="filter" da

2014-01-10 15:14:24 1821

原创 shutbox jquery无刷新发布评论

本例的数据库很简单，一看就会明白演示 XML/HTML Codeform method="post" id="form"> table cellpadding="0" cellspacing="0"> tr> td>label>Userlabel>td> td>input class="

2014-01-06 12:03:58 1919

原创 jQuery dialog 对话框，可以改变外形和设置的dialog

jQuery dialog 对话框，可以改变外形和设置的dialog演示 XML/HTML Codeform id="my-form"> h2>配置参数h2> div style="float: left;"> fieldset id="config-button"> legend>Buttonslegend> div> input type="checkbox" id="button

2014-01-04 15:37:03 2381

原创 jquery json 传递数据

jquery json 传递数据演示 XML/HTML Codediv id="page"> div class="content" id="section-main"> div id="hierarchical-demo" class="section"> h4>

2014-01-02 12:28:46 1860

原创 select下拉菜单带图片

select下拉菜单带图片非模拟select，而是真实的select选择，本例用到比较多的js和css，请到演示页面查看演示 XML/HTML Codeform> select name="test" class="themes"> option value="SelectBoxIt themes:" data-iconurl="themes-icon.png">

2013-12-30 09:53:45 9551

原创 jquery随机加载xml内容

jquery随机加载xml内容演示XML/HTML Codediv id="list"> div> data.xmlXML/HTML Codexml version="1.0" encoding="utf-8" ?> items> item> url>http://freejs.net/article_fenye_49.htmlurl>

2013-12-27 14:05:44 1734

原创鼠标经过渐变显示文字，隐藏图片

鼠标经过渐变显示文字，隐藏图片演示 XML/HTML Codediv class="item"> a href="#">img src="1.gif" alt="Cycliner" title="" width="125" height="125"/>a> div class="caption"> a href="">Cyclinera> p

2013-12-25 13:35:39 2113

原创 Slide滑动 tab效果

Slide滑动 tab效果演示 XML/HTML Codediv id="hero-slider"> ul> li>a href="#" rel="#panel-1" class="active">Item 1a>li> li>a href="#" rel="#panel-2">Item 2a>li>

2013-12-23 11:44:26 2100

原创 pop弹出 dialog对话框

pop弹出 dialog对话框演示 XML/HTML Codebody onload="popup('加载的时候弹出')"> h1 class="logo">a href="http://www.freejs.net" title="freejs首页">img src="../../images/logo.png" height="47" width="500" alt="freejs首页" /

2013-12-21 11:44:00 2663

转载 php jquery 多文件上传

php jquery 多文件上传演示 XML/HTML Codediv id="mulitplefileuploader">Uploaddiv> div id="status">div> script> $(document).ready(function() { var settings = { url: "upload.php", method: "P

2013-12-19 10:12:06 1817

原创判断密码强度

演示 XML/HTML Codeform> fieldset> legend>Please type in your passwordlegend> User: input type="text" id="username" />br /> Pass: input type="password" id=

2013-12-17 11:00:41 1851

原创提交表单的过程中显示loading等待

提交表单的过程中显示loading等待演示XML/HTML Codeform method="post" action="" name="subscribeForm"> fieldset> label>Name: label>input type="text" class="effect" name="name"> fieldset> field

2013-12-16 14:00:27 4877

原创 Jpaginate php mysql 分页应用实例

Jpaginate php mysql 分页应用实例演示 JavaScript Code $(document).ready(function(){ $("#demo").paginate({ count:, start:1, display:10, border:true, border_color:'#BEF8B8', text_color:'#79B5E3'

2013-12-15 16:34:58 1977

原创 php显示当前文件所在的文件以及文件夹所有文件,树形展开

div id="jQ-menu"> php $path = "./"; function createDir($path = '.') { if ($handle = opendir($path)) { echo "ul>"; while

2013-12-13 14:56:08 2285

原创可以分列排序,隐藏的表格,异步加载 mootools

可以分列排序,隐藏的表格,异步加载 mootools演示 XML/HTML Codediv style="margin:0 auto;width:80%"> a href="#" onclick="grid.addRecords(newRecords);return false">Add recordsa> | a href="#" onclick="grid.hideColumn('addr

2013-12-12 14:50:14 1627

原创一次滑动一个图片 slide

一次滑动一个图片 slide演示 XML/HTML Codediv id="carousel"> div id="buttons"> a href="#" id="prev">preva> a href="#" id="next">nexta> div class="clear">div> div>

2013-12-10 17:03:01 2180

原创 jQuery无刷新多文件上传,批量上传,单独文件进度显示

jQuery无刷新多文件上传,批量上传,单独文件进度显示演示 XML/HTML Codediv id="main_container"> form action="upload.php" method="post" enctype="multipart/form-data"> input type="file" name="userfile" class="fileUp

2013-12-09 14:47:35 2352

原创旋转的导航菜单

旋转的导航菜单演示 JavaScript Code"text/javascript"> $(function(){ $('#rotatingMenu').rotatingMenu(); $('#rotatingMenu2').rotatingMenu(); }); XML/HTML Codediv id="rotatingMenu">

2013-12-07 11:31:08 1984

原创鼠标经过隐藏图片显示文字

鼠标经过隐藏图片显示文字演示 JavaScript Code $(document).ready(function() { //if mouse over and mouse out $('.eff').hover( function () { value = $(this).find('img').outerHeight() * -1;

2013-12-05 11:12:58 2362

原创向下展开菜单隐藏展开菜单

注意本例用了一个图片，就是大类的图片menu.jpg,可以到演示页面下载演示 XML/HTML Codescript> $(document).ready(function () { $('#accordion a.item').click(function () { //slideup or hide al

2013-12-04 10:24:11 2057

原创无刷新删除数据删除过程中渐变显示当前删除的行

本站已经有类似的案例，这边推荐一个可以参考的《jquery 漂亮的删除确认和提交无刷新删除》不过对于学习的话可以看看不同的演示 JavaScript Code"text/javascript"> $(function() { $(".delete_button").click(function() { var id = $(this).attr("id"); var dataStrin

2013-12-03 09:47:48 1600

原创纯php多文件上传

本例就一个php,适合学习,本例可以添加到数据库的代码上传多个文件时候请一次选择多个文件，支持doc jpg pdf等本站里面比较实用的多文件上传有很多，这边推荐一个《jQuery ajax 无刷新多图片上传并记录到数据库》演示 PHP Code if(isset($_FILES['files'])){ $res = upload_multiple_file($_FILES['fi

2013-12-02 11:06:29 1667

原创 jquery简单的无刷新提交和删除评论

数据库结构非常简单，就是一个id和content就可以了演示 XML/HTML Codescript type="text/javascript"> $(function(){ //When the button with an id of submit is clicked (the submit button)

2013-11-30 19:49:46 2206

原创 jquery ajax无刷新翻页分页

freejs.net已经发了不少无刷新翻页的代码，都比较实用，这边这个非常简单，适合学习或者评论使用搜索本站可以找到更多分页代码注意本例jq版本为1.4.3演示 XML/HTML Codescript> $(function(){ $("#content").load("view-comments.php"); //PAGE NUMBER onClick FUNCTION $(".p

2013-11-29 19:29:13 1929

原创 jquery ajax 读取联动菜单 select菜单

jquery ajax 读取联动菜单 select菜单演示 JavaScript Code"text/javascript"> $(document).ready(function() { $(".country").change(function() { var id=$(this).val(); var dataString = 'id='+ id; $.ajax ({

2013-11-28 16:36:04 2020

原创 jQuery ajax 无刷新多图片上传并记录到数据库

本例适合多图片自动选择后上传，无提交按钮，并记录到数据库数据库的结构CREATE TABLE `user_uploads` ( `upload_id` int(11) NOT NULL auto_increment, `image_name` text collate utf8_unicode_ci, `user_id_fk` int(11) default NULL, `created`

2013-11-27 09:59:54 2446

原创 jQuery ajax 无刷新登录完整代码

jQuery ajax 无刷新登录完整代码演示 JavaScript Code function chk_ajax_login_with_php(){ var username=document.getElementById("username").value; var password=document.getElementById("password").value;

2013-11-26 14:08:03 2101

原创 jQuery经过显示图片大图图片tips效果

一般tips都是文字，这个可以支持图片，很漂亮演示 JavaScript Code"text/javascript"> // Load this script once the document is ready $(document).ready(function () { // Get all the thumbnail

2013-11-25 11:30:41 1683

原创简单的阅读更多 more效果

点击more在后面显示隐藏的部分，注意本例对中文无效演示 XML/HTML Codediv id="table"> div class="row"> div class="desc"> p class="excerpt">已经发了不少无刷新翻页的代码了，点击右侧“相关文章”可以找到，这边这个

2013-11-24 19:10:29 2807

原创 jquery的select美化

一个简单的css配合jq美化select演示 XML/HTML Codediv id="main"> section id="basic-usage"> select id="basic-usage-demo"> option value="">请选择…option>

2013-11-23 17:21:17 2168

原创放大图片组缩略图大图展示 fancybox 图片组浏览

一般用于产品详情展示，例如京东,易迅都是类似的效果 css文件和js请到演示页面查看演示 XML/HTML Codediv class="zoom-wrapper"> div class="zoom-left"> div style="height:274px;width:411px;" class="zoomWrapper">img style="border: 1px solid rgb

2013-11-22 10:11:00 2982

原创 css 3D翻转图片动画

本例用了2个jsjquery.easing.1.3.js和modernizr.2.5.3.min.js演示页面可以查看演示 CSS Code"text/css"> #note { font-size:11px; color:#333; padding:10px; border:1px solid #b99f3

2013-11-21 15:41:29 2597

原创一个简单的ajax上传上传进度显示

本例用了jquery.form.js请到演示页面查看演示 CSS Code form { display: block; margin: 20px auto; background: #eee; border-radius: 10px; padding: 15px } #progress { position:relative; width:400px; border: 1px solid

2013-11-20 11:58:42 2414

原创 jquery php ajax多图片上传.上传进度,生成缩略图

本例用到其他2个php class.upload.php和 functions.php还有css和js以及img文件下载地址为www.freejs.net/demo/91/down.zip演示 JavaScript Code"text/javascript"> $(document).ready(function() { $("#filelist").niceScroll({

2013-11-19 13:32:10 2804 1

moo.fx.pack.js

pic.js

css_573590.cache.css

AJAX.JS

空空如也