2013年11月_piperzero

原创 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 2228

原创 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 1947

原创 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 2039

原创 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 2460

原创 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 2117

原创 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 1697

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

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

2013-11-24 19:10:29 2828

原创 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 2183

原创放大图片组缩略图大图展示 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 3020

原创 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 2616

原创一个简单的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 2430

原创 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 2827 1

原创 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 1848

原创 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 2001

原创 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 1789

原创简单的反馈表单无刷新提交带验证

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 1897

原创滚动加载更多内容

本例与《无刷新动态加载数据，滚动条加载》功能是相同的，自己查看用哪个更好.数据库很简单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 2102

原创 jquery 漂亮的删除确认和提交无刷新删除

本例数据库结构很简单，就一个字段就行了演示 jquery.confirm.jsJavaScript Code(function($){ $.confirm = function(params){ if($('#confirmOverlay').length){ // A confirm is already s

2013-11-12 09:48:25 2341

原创 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 1958

原创 jquery 美化弹出提示漂亮的Dialog 对话框

三个不同的效果，分别是普通的警告,确认/取消,带一个输入框本例用了jquery.alertify.js，请到演示页面查看css文件也请到演示页面查看演示 JavaScript Code"text/javascript"> $(document).ready(function() { $(".alert").click(function() { var message

2013-11-10 12:44:17 3386

原创右侧带透明遮罩效果文字简要的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 1812

原创相册图片展示

相册图片展示演示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 1853

原创 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 3462 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 2132

原创 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 1757

原创无刷新上传图片可以实时预览选择图片后即自动上传，没有上传按钮

区别一般的上传，一般的上传要点击上传按钮，本例无按钮，选择图片后就自动上传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 3296

原创在一定区域内向上滚动,一般用于新闻滚动 vTivker应用

js和css文件请到演示页面查看源码演示 JavaScript Code $(function() { $('#scroller_left').vTicker({ speed: 500, //滚动速度，单位毫秒。 pause: 3000, //暂停时间，就是滚动一条之后停留的时间，单位毫秒。

2013-11-02 11:52:38 1836

原创长条文字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 1987

管子（zero）的杂乱空间