- 博客(4807)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 html5 拖放上传
html5 拖放上传 css和js文件到演示页面可以查看源码下载演示 XML/HTML Code> html> head> meta charset="utf-8" /> title>html5 拖放上传title> link rel="stylesheet" href="assets/css/styles.css" />
2013-11-18 11:07:14
1909
原创 jquery 鼠标经过放大图片
jquery.elevatezoom.js文件请到演示文件查看演示 JavaScript Code"text/javascript"> $(document).ready(function() { $(".zoom").elevateZoom({ easing : true, borderSize: 1, showLens: tru
2013-11-17 18:07:19
2056
原创 php jquery 无刷新评论
php jquery 无刷新评论刷新后删除一个小时前的记录 演示 XML/HTML Code php define('INCLUDE_CHECK',1); require "functions.php"; require "conn.php"; // remove tweets older than 1 hour to prevent spam mysql_query("D
2013-11-16 14:47:37
1839
原创 简单的反馈表单无刷新提交带验证
js文件可以查看源码演示 XML/HTML Codediv id="preview">div> div id="formbox"> form name="form" id="form" action="submit.php" method="post"> ul id="ngothastyle3" >
2013-11-15 09:56:25
1943
原创 滚动加载更多内容
本例与《无刷新动态加载数据，滚动条加载》功能是相同的，自己查看用哪个更好.数据库很简单content表 字段id和message演示 XML/HTML Codephp include_once('../../conn.php'); $last_msg_id=$_GET['last_msg_id']; $action=$_GET['action']; if($action > "
2013-11-14 09:44:42
2154
原创 jquery 漂亮的删除确认和提交无刷新删除
本例数据库结构很简单，就一个字段就行了 演示 jquery.confirm.jsJavaScript Code(function($){ $.confirm = function(params){ if($('#confirmOverlay').length){ // A confirm is already s
2013-11-12 09:48:25
2412
原创 iPictrue:图片标注提示
iPictrue:图片标注提示本例css和js插件请到演示页面查看演示XML/HTML Codediv class="demo"> div id="iPicture" data-interaction="hover"> div class="ip_slide"> img class="ip_toolt
2013-11-11 13:42:18
2008
原创 jquery 美化弹出提示 漂亮的Dialog 对话框
三个不同的效果，分别是普通的警告,确认/取消,带一个输入框本例用了jquery.alertify.js，请到演示页面查看css文件也请到演示页面查看演示 JavaScript Code"text/javascript"> $(document).ready(function() { $(".alert").click(function() { var message
2013-11-10 12:44:17
3454
原创 右侧带透明遮罩效果文字简要的jQuery焦点图代码
右侧带透明遮罩效果文字简要的jQuery焦点图代码 css文件请到演示页面查看源码演示 XML/HTML Codediv class="middle"> div class="container_24"> div id="feature_list"> ul id="feature_tabs">
2013-11-09 13:52:58
1852
原创 相册图片展示
相册图片展示演示XML/HTML Code> html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>相册图片展示title> style type="text/css"> body,div,dl
2013-11-08 11:13:39
1913
原创 jquery图片切换插件制作左右按钮与标题文字图片切换
本例用了2个js文件jquery-ui-1.8.6.core.widget.js和jqueryui.bannerize.js，到演示页面可以查看演示 CSS Code"text/css"> *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} /* ui-banner */ .ui-banner{display:bloc
2013-11-07 15:01:13
3510
1
原创 上传图片并可以调整图片大小
上传图片并按照设置的长和宽设置大小演示 PHP Codeini_set("memory_limit", "200000000"); // for large images so that we do not get "Allowed memory exhausted"?> // upload the file if ((isset($_POST["submitted_form"])) &&
2013-11-06 17:01:31
2291
原创 mini ajax 上传
本例用了很多的js文件到演示页面可以查看源码或者存储演示 XML/HTML Codeform id="upload" method="post" action="upload.php" enctype="multipart/form-data"> div id="drop"> Drop Here a>
2013-11-05 17:33:51
1805
原创 无刷新上传图片 可以实时预览 选择图片后即自动上传，没有上传按钮
区别一般的上传，一般的上传要点击上传按钮，本例无按钮，选择图片后就自动上传jquery.form.js版本为2.84演示 XML/HTML Codescript type="text/javascript" src="../../js/jquery-1.3.2.min.js">script> script type="text/javascript" src="scripts/jquery.f
2013-11-04 14:21:44
3351
原创 在一定区域内向上滚动,一般用于新闻滚动 vTivker应用
js和css文件请到演示页面查看源码演示 JavaScript Code $(function() { $('#scroller_left').vTicker({ speed: 500, //滚动速度，单位毫秒。 pause: 3000, //暂停时间，就是滚动一条之后停留的时间，单位毫秒。
2013-11-02 11:52:38
1908
原创 长条文字flash+xml自动变换广告代码,可以加链接
长条文字flash+xml自动变换广告代码,可以加链接 一行内向右滚动,注意本例用了flash文件,数据加载用的是xml演示 XML/HTML Codeobject classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/fla
2013-11-01 16:04:26
2056
原创 自适应图片宽度的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
3000
原创 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
1908
原创 简单的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
1894
原创 无刷新注册代码，带验证
无刷新注册代码，带验证 无刷新注册代码，带验证,本例没有判断帐号是否已经存在，如果需要可以参考《Ajax用户注册验证 验证合格才能提交表单》演示 PHP Code if($_POST) { $name = $_POST['name']; $email = $_POST['email']; $username = $_POST['username']; $password =
2013-10-28 14:26:42
1776
原创 类似京东和易迅的菜单-可以折叠隐藏的导航菜单
很流行的菜单，很多购物网站在使用，包括京东，新蛋中国，易迅都是类似的演示地址可以存源码演示 XML/HTML Codediv id="mallNav"> div class="mallNav-con"> div id="mallTextNav" class="clearfix"> div id="mallCate">
2013-10-27 15:23:34
2667
原创 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
3402
原创 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
2994
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
2194
原创 用按钮控制图片左右滚动
用按钮控制图片左右滚动 用按钮控制图片左右滚动,默认不会滚动的演示 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
2412
原创 淡隐淡现选项卡渐隐渐显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
1908
原创 使用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
1865
原创 星级选择器 提交代码
星级选择器 提交代码 星级选择器，提交代码适用于评论等没有用到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
1502
原创 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
1983
原创 query二级菜单，鼠标经过显示二级分类,大类和小类都有链接
Jquery二级菜单，鼠标经过显示二级分类,大类和小类都有链接 一般类似向下打开的导航菜单都是小类才有链接，这个因为是鼠标经过而不是点击的，大小类别都是链接 演示 XML/HTML Codediv id="FrontProductsCategory_show01-1293769104214" class="FrontProductsCategory_show01-d1_c2">div class=
2013-10-14 10:44:24
2238
原创 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
1777
原创 无刷新动态加载数据，滚动条加载
无刷新动态加载数据，滚动条加载 滚屏加载更多数据,适合评论等页面本例的数据库很简单，一看就明了演示 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
2046
原创 div li的多行多列 无刷新分页
div li的多行多列 无刷新分页本例与《Jquery一页内翻页,类似于无刷新分页》很相近而区别与其他本站发布的翻页代码翻页文件一次加载了全部的内容，因而不是很适合大型的网站，而适用于数据比较少的情况。本例未使用数据库。 演示PHP Codeclass="container"> "content"> for ($i=1; $i
2013-10-09 11:40:16
2856
2
原创 Jquery, Ajax无刷新翻页,支持跳转页面
Jquery, Ajax无刷新翻页,支持跳转页面freejs已经发了不少无刷新翻页的代码了，点击右侧“相关文章”可以找到，这边这个不同在于多了一个跳转页面。数据库与本站其他翻页的相同，本例和《query 无刷新翻页》均是非常实用的案例，而且本例更简单易懂演示 XML/HTML Codediv id="main"> div id="loading">div> di
2013-10-06 09:37:08
2510
原创 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
2328
原创 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
1784
原创 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
1713
原创 点击变td为input更新
数据库很简单表add_delete_record字段text和id演示 index.php PHP Code "Content-Type" content="text/html; charset=utf-8"> jquery 点击表格变为input可以修改,鼠标点击其他任意位置无刷新更新数据 "text/javascript" src="../../js/jquery-1.3.2.min
2013-09-28 10:50:59
1913
原创 js tab选项卡 mootools tab选项卡
js tab选项卡 mootools tab选项卡js打开或者关闭，关闭后是 mootools效果演示PHP Code //Tabs $varTab = $_GET["tab"]; if (strlen($varTab) == 0) { $varTab = "tab-1"; } echo "\n"; echo "\n";
2013-09-23 16:45:37
1774
原创 jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格
td点击后变为input可以输入,更新数据,无刷新更新演示 XML/HTML Codetable border="0" cellpadding="0" cellspacing="0"> tr> th>a href="http://www.freejs.net">freejs.net演示a>td>
2013-09-17 10:01:47
6739
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人