- 博客(21)
- 资源 (4)
- 收藏
- 关注
原创 自适应图片宽度的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 2599
原创 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 1805
原创 星级选择器 提交代码
星级选择器 提交代码 星级选择器,提交代码适用于评论等没有用到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 2000
原创 div li的多行多列 无刷新分页
div li的多行多列 无刷新分页本例与《Jquery一页内翻页,类似于无刷新分页》很相近而区别与其他本站发布的翻页代码翻页文件一次加载了全部的内容,因而不是很适合大型的网站,而适用于数据比较少的情况。本例未使用数据库。 演示PHP Codeclass="container"> "content"> for ($i=1; $i
2013-10-09 11:40:16 2822 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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人