hjl416148489
- 浏览: 21002 次
- 性别:
- 来自: 苏州
-
最新评论
文章列表
一款多图片上传插件：plupload，通过PHP+Ajax实现多图片上传的效果。用户只需要点击选择要上传的图片，然后图片自动上传到服务器上并立即显示在页面上。
首先我们在页面上放置个上传按钮，使用POST提交到ajax.php。#ul_pics 用来显示上传完毕后的图片。
<a class="btn" id="btn">上传图片</a> 最大500KB，支持jpg，gif，png格式。
<ul id="ul_pics" class="ul_pics clearfix">< ...
首先我们在页面上放置三个筛选类和筛选结果.select-result：
<ul class="select" id="ul_select">
<li class="select-list">
<dl id="select1" class="dl">
<dt>上装：</dt>
...
生活像一只榨汁机。没时间写作，没时间思考，有多少人和我一样堵在上下班高峰，呼吸着尾气，连梦都累得没法做了？你苦战通宵时，布里斯班的灯鱼已划过珊瑚丛；你赶场招聘会时，蒙巴萨的小蟹刚溜出渔夫的掌心；你写程 ...
jQuery滚动条插件兼容ie6+、手机、ipad。
首先我们在#content加入一定高度的内容。一定要出现滚动条，不然看不到效果。
<div id="content">
<h2>我们的特色</h2>
<p>1、软件+人工精心仿制。3个工作日内完成仿制</p>
<p>2、文件归类。图片放在images文件夹，样式css，特效js，字体fonts</p>
<p>3、个人中心、需要登录等页面也可仿制</p>
&l ...
首先是载入jQuery库，jQuery ui，ullcalendar及弹出层fancybox。
<script src='js/jquery.js'></script>
<script src=js/jquery-ui.js'></script>
<script src='js/fullcalendar.min.js'></script>
<script src='js/jquery.fancybox-1.3.1.pack.js'></script>
<div id=&quo ...
kindeditor默认模式：
<textarea name="content" style="width:800px;height:400px;visibility:hidden;">KindEditor</textarea>
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name="content"]', {
allowFileManager: true //true或fal ...
没有好的一套漂亮的管理后台的童鞋们有福了，用bootstrap模板，高大上。很多用法，得自己去琢磨，里面有示例。
bootstrap优势： 1.基于Bootstrap你可以快速搞出一个网站的基本布局 2.如果你是后台开发人员大可不必操心页面的布局，利用Bootstrap的网格系统分分钟搭好布局。 3.手机版响应式开发 4.颜色尺寸等要改太简单了毫无压力 5.按钮、日历 、上传文件、表单元素、网格、表格、树型图、字体、编辑器等插件很丰富 归结起来就是高端大气上档次...
bootstrap后台模板演示:http://www.sucaihuo.com/templates/9.html
bootstrap经常用的一款日期时间选择插件，小清新风格又有动画效果的日期时间插件。本文将演示8种不同的日期选择。
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" ...
超炫加入购物车效果，和天猫、聚美优品加入购物车效果相媲美。本文介绍一款加入购物车插件jquery.fly.min.js,点击加入购物车,物品以抛物线动画效果到达购物车。
四个商品：
<div class="demo clearfix">
<div class=" ...
无限滚动的实现原理：当滚动条到底离网页底部一定长度的时候，向后台发送页数并获取数据。
首先我们在页面上先放置10条数据，即第一页，每一项都是p标签：
<div id="content">
<p><a href="http://www.sucaihuo.com/js/91.html" target="_blank">1、PHP生成图片验证码</a></p>
<p><a href="http://www.sucaihuo.com/ ...
Fancybox具有很强大的功能，它可以加载DIV，图片、图片集、Ajax数据，还能加载SWF影片，iframe页面等等。本文讲演示七种弹出层示例。
我们先演示第一种超炫的弹出层效果，看了以后，其他神马弹出层弱爆了
HTML:
<h4>演示1：动态效果</h4>
<p><a id="demo1" href="images/example/b1.jpg" title="Hello,this is a fancybox."><img src="images/example ...
今天给大家分享一段基于jQuery的全选、反选与获取选中值。文章结合demo，代码简洁，基本覆盖选项选择操作的方方面面，希望可以帮到有喜欢前端的朋友们。
jQuery全选网页特效演示DEMO：http://www.sucaihuo.com/js/10.html
全选：
$("#selectAll").click(function () {
$("#list :checkbox,#all").attr("checked", true);
});
全不选
$("#unSelect").click(fu ...
相信很多网友见过类似许愿墙的程序，用户可以在网页上贴个许愿的纸条，并且可以拖动到页面的任意位置上。今天我要给大家演示的是使用PHP+MySQL+jQuery实现一个工作当中用到的贴便签纸的功能。
许愿墙网页特效演示：http://www.sucaihuo.com/php/70.html
添加许愿条：$("#addbtn").live('click', function(e) {
var txt = $("#note_txt").val();
var user = $("#user").val() ...
本文使用Ajax无刷新登录和退出，从而提升了用户体验。
若用户为登录状态，则显示用户相关登录信息，否则显示登录表单。
<div id="login">
<h3>用户登录</h3>
<?php
if(isset($_SESSION['user'])){
?>
<div id="result">
<p><strong><?php echo $_SESSION[' ...