2013年10月_piperzero

原创自适应图片宽度的jQuery焦点幻灯轮播代码

自适应图片宽度的jQuery焦点幻灯轮播代码注意要1.7.2版本的jq才支持点击后显示点击的图片，不然就是一直顺序播放演示 XML/HTML Codediv id="slide_box"> ul class="slide_img"> li>a href="">img src="1.jpg" width="800" height="450" alt="">a>li>

2013-10-31 14:12:11 2952

原创 AJAX jQuery tab选项卡

AJAX jQuery tab选项卡加载的是存在的页面，可以根据需要加载参数演示 XML/HTML Codeul id="navigation"> li>a href="#page1">aspa>li> li>a href="#page2">phpa>li> li>a href="#page3">htmla>li> li>a href="#page4">jsa>l

2013-10-30 13:34:33 1871

原创简单的ajax评论完整代码

简单的ajax评论完整代码数据库结构CREATE TABLE `comments` ( `id` int(10) unsigned NOT NULL auto_increment, `name` varchar(128) collate utf8_unicode_ci NOT NULL default '', `url` varchar(255) collate utf8_unicode_

2013-10-29 14:46:40 1856

原创无刷新注册代码，带验证

无刷新注册代码，带验证无刷新注册代码，带验证,本例没有判断帐号是否已经存在，如果需要可以参考《Ajax用户注册验证验证合格才能提交表单》演示 PHP Code if($_POST) { $name = $_POST['name']; $email = $_POST['email']; $username = $_POST['username']; $password =

2013-10-28 14:26:42 1748

原创类似京东和易迅的菜单-可以折叠隐藏的导航菜单

很流行的菜单，很多购物网站在使用，包括京东，新蛋中国，易迅都是类似的演示地址可以存源码演示 XML/HTML Codediv id="mallNav"> div class="mallNav-con"> div id="mallTextNav" class="clearfix"> div id="mallCate">

2013-10-27 15:23:34 2598

原创 jquery来实现的添加商品和减少商品数量,用于购物车等实时改变价格

代码没有操作数据库的部分，也没有发送和接收数据的部分演示 XML/HTML Codep class="num_box">a class="J_jia">+a>label>input type="text" class="num" value="50"/>label>a class="J_jian">-a>p> script type="text/javascript"> $(

2013-10-25 17:02:14 3343

原创 php jquery 验证码输入后验证表单

php jquery 验证码输入后验证表单可以刷新验证码，提交验证是否输入正确演示 PHP Codesession_start(); $cap = 'notEq'; if ($_SERVER['REQUEST_METHOD'] == 'POST') { if ($_POST['captcha'] == $_SESSION['cap_code']) { // C

2013-10-24 15:02:51 2927 1

原创 jQuery+PHP实现浏览更多内容

本例与《无刷新动态加载数据，滚动条加载》的区别就在于这个是点击加载的，2个的数据库结构相同，都比较简单明了演示 XML/HTML Codediv id="more"> div class="single_item"> div class="element_head"> div class="date">div>

2013-10-23 11:27:11 2133

原创用按钮控制图片左右滚动

用按钮控制图片左右滚动用按钮控制图片左右滚动,默认不会滚动的演示 XML/HTML Codediv class="layout"> div class="hotPic"> div class="JQ-slide"> div class="JQ-slide-nav">a class="prev" href="javascript:void(0)

2013-10-22 10:08:34 2343

原创淡隐淡现选项卡渐隐渐显tab标签

淡隐淡现选项卡渐隐渐显tab标签渐隐渐显tab标签,同样可以控制当前显示第几个项目演示XML/HTML Codediv class="layout"> div class="row2"> div class="JQ-slide"> ul class="JQ-slide-nav"> li class="on">

2013-10-21 12:45:17 1861

原创使用CSS和jQuery 模拟select

模拟select 并带有提交后取得数据的代码演示 XML/HTML Codediv id="dropdown"> p>请选择城市p> ul> li>a href="#" rel="2">北京a>li> li>a href="#" rel="3">上海a>li> li>a href="#" rel="4">武汉a>li>

2013-10-18 13:24:26 1804

原创星级选择器提交代码

星级选择器提交代码星级选择器，提交代码适用于评论等没有用到js库，就是单独的js代码演示 XML/HTML Codeform action="" method="get"> div id="star_level" star_width="14"> p>服务p> ul class="star_rating"> li style="display:none;">

2013-10-17 11:16:03 1439

原创 Jquery tab效果,可以指定显示默认项目

Jquery tab效果,可以指定显示默认项目可以在代码里面指定默认显示第几页演示 XML/HTML Codediv id="container" style="width:500px;"> ul> li>a href="#fragment-1">span>Onespan>a>li> li>a href="#fragment-2">span>Twos

2013-10-16 13:20:23 1949

原创 query二级菜单，鼠标经过显示二级分类,大类和小类都有链接

Jquery二级菜单，鼠标经过显示二级分类,大类和小类都有链接一般类似向下打开的导航菜单都是小类才有链接，这个因为是鼠标经过而不是点击的，大小类别都是链接演示 XML/HTML Codediv id="FrontProductsCategory_show01-1293769104214" class="FrontProductsCategory_show01-d1_c2">div class=

2013-10-14 10:44:24 2201

原创 jquery左右滚动焦点图banner图片,鼠标经过显示上下页

jquery左右滚动焦点图banner图片,鼠标经过显示上下页适合宽和高都比较大的页面使用演示 XML/HTML Codediv class="bannerbox"> div id="focus"> ul> li>a href="http://www.freejs.net/" target="_blank">

2013-10-11 13:57:49 1727

原创无刷新动态加载数据，滚动条加载

无刷新动态加载数据，滚动条加载滚屏加载更多数据,适合评论等页面本例的数据库很简单，一看就明了演示 PHP Code "container"> $query=mysql_query("select * from content order by id desc limit 0,10"); while ($row=mysql_fetch_array($query

2013-10-10 16:29:04 1997

原创 div li的多行多列无刷新分页

div li的多行多列无刷新分页本例与《Jquery一页内翻页,类似于无刷新分页》很相近而区别与其他本站发布的翻页代码翻页文件一次加载了全部的内容，因而不是很适合大型的网站，而适用于数据比较少的情况。本例未使用数据库。演示PHP Codeclass="container"> "content"> for ($i=1; $i

2013-10-09 11:40:16 2821 2

原创 Jquery, Ajax无刷新翻页,支持跳转页面

Jquery, Ajax无刷新翻页,支持跳转页面freejs已经发了不少无刷新翻页的代码了，点击右侧“相关文章”可以找到，这边这个不同在于多了一个跳转页面。数据库与本站其他翻页的相同，本例和《query 无刷新翻页》均是非常实用的案例，而且本例更简单易懂演示 XML/HTML Codediv id="main"> div id="loading">div> di

2013-10-06 09:37:08 2458

原创 jQuery php ajax图片上传

jquery php ajax图片上传,上传后有预览,上传进度显示上传文件和删除文件的处理都在action.php文件处理演示XML/HTML Codediv class="demo"> p>允许上传gif/jpg/png格式的图片，图片体积不能超过500k p> div class="btn"> span>添加附件s

2013-10-04 10:36:29 2282

原创 AJAX TAB JQUERY 选项卡标签

AJAX TAB JQUERY 选项卡标签演示 jsJavaScript Code $(document).ready(function(){ var Tabs = { 'Tab one' : 'pages/page1.html', 'Tab two' : 'pages/page2.html',

2013-10-03 10:44:40 1744

原创 jquery php多文件上传

文件上传演示index.phpPHP Code"uploaderform"> "upload.php" method="post" enctype="multipart/form-data" name="UploadForm" id="UploadForm"> jquery php多文件上传(本例限制为3个文件) 文件 class="small">"#" id="

2013-10-02 14:52:19 1632

管子（zero）的杂乱空间