这两天用上传的控件，PHP+Jquery今天先介绍这个uploadify，嗯，我今天下载因为我英文不是很好所以我就在网上找的使用教程，我发现好多用不了，我那个去，你看官方文档才知道很多API已经不是以前的API了。今天总结一下给大家，给大家一个提醒最多还是要看官方的http://www.uploadify.com/documentation/！简单举例一下使用然后我都加上注释给大家，方便大家阅读和使用下载官方的之后直接使用就OK了，当然你需要什么在直接修改就可以...
对于表格来说，当数据比较多的时候，我们无法一页一页的查找，这时可以通过一个搜索框来实现搜索。对于这个搜素框，我们为了更好的体验可以利用keyup事件实现在用户输入的时候就开始筛选，而不是填完以后点击搜索按钮再执行。 <!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8"/><script src="jquery-1.3.2.min.js"></script><link href="css/style.css" rel="stylesheet" type="...
HTML代码<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>waterFall</title><link rel="stylesheet" href="wf.css"><script src="jquery.js"></script><script src="wf.js"></script></head><body><div class="wrap"><div class="box"><img src="1.jpg" alt=""><p>11111111111</p></div><div class="box"><img src="2.jpg" alt=""><p>22222222222</p></div><div class="box"><img src="3.jpg" alt=""><p>33333...
这里我们选择的方法是cookie的方式去记录首先我们写将用户名和密码写到cookie的js代码 1//保存到cookie 2function save_cookies(){3if($("#remember").prop("checked")){4var username = $("#username").val();5var password = $("#password").val();6 7 $.cookie("remember","true",{expires:7});8 $.cookie("username",username,{expires:7 });9 $.cookie("password",password,...
Jquery实现网页跳转或用命令打开指定网页！ location.href = "www.baidu.com"; location.href = "aa.aspx"; 在新窗口中打开链接： window.open(‘http://www.baidu.com‘); 原文：http://www.cnblogs.com/Akgu/p/5137918.html
html 部分：<div class="img-container"> <div class="hander1"> <img src="img/inner.png" / class="hander"> <img src="img/outer.png" class="img-outer" /> </div> <div class="hander1" style="float:right;"> <img src="img/inner.png" / class="hander"> <img src="img/outer.png" class="img-outer" /> </div> </div>css 部分：.img-container .hander1{ width:318px; height:...
效果截图： 说明：可以任意添加多个类似结构样式，点击标题栏图片对应隐藏、显示。 jquery代码：思路一：基本方法 <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> $(function(){var $dt = $(‘.main dl dt‘); //获取标题栏dtvar $dd = $(‘.main dl dd‘); //获取图片父容器ddvar flag = []; ...
<div mag-thumb="outer"> <img src="img/alley/500x300.jpg" /> </div> <div > <div mag-zoom="outer"> <img src="img/alley/1000x600.jpg" /> </div> </div>$host = $(‘[mag-thumb="outer"]‘); $host.mag({ mode: ‘outer‘, ratio: 1 / 1.6 });转自：http://www.w2bc.com/upload/201606/07/jiaoben4276/index.html原文：http://www.cnblogs.com/dawnunique/p/5568488.html
一、HTML代码如下：<img class="comment_pics" width="50px" height="50px" src="img/01.jpg"/><div class="bg"><img class="bgImg" style="max-width: 100%; max-height: 100%; position: fixed;" src=""></div>二、CSS代码如下：.fillbg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; } .fillbg-activ...
前端开发中，进度条库是常见的库之一，bootstrap中提供了多种进度条样式，其中NProgress.js是一款轻量级的进度条组件，使用简便。NProgress可实现的进度条效果，如下图所示。 官网下载NProgress网址：http://ricostacruz.com/nprogress/下载如下所示文件【nprogress.css】与【nprogress.js】： 使用方法：（1）引入nprogress.js和nprogress.css到项目中（2）调用start() 和 done()来控制进度条NProgress.start(); //进度条开始NPro...
方式1：$.fn.extend(object)<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>01-jQuery对象进行方法扩展</title> <script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //定义jquery的对象插件 $.fn.extend({ //定义了一个checkFn方法，所有的jq对象都可以使用该方法 check:function(){ ...
恩，不知道之前在哪看过一个页面效果就是如果页面被滑动了就出现一个小火箭，点击这个小火箭就可以慢慢回到页面顶部，闲的没事，自己搞了一下代码和布局都很简单<!DOCTYPE HTML><html><head><style>#content{height: 2000px ;width: 960px ;margin: 0 auto ;background-color: blue ;}#rocket{width: 50px ;height: 50px ;position: fixed;right: 10px ;bottom: 10px ;display: none;}#rocket img{width: 100%;height: 100%;}</sty...
项目上线了，在测试的时候突然发现一次性加载庞大的树结构，导致页面卡死，需要反映数十秒才能加载完成，考虑不周，决定修改程序，在网上发现了这篇文章，感谢作者的分享！zTree结合Asp.net实现异步加载数据 实现简单操作zTree 下载 api 访问 ：http://www.ztree.me/v3/main.php例子中用到json数据转化 newtonsoft 地址 ： http://json.codeplex.com/不多说，代码如下 :aspx 页面 ：<%@ Page Language="C#" AutoEventWireup="true"...
<a title="收费用户" class="normal2 fancybox.iframe" href="/backmanage/userDate?mail=‘+dat[i]["nvcEmail"]+‘" target="_blank"><span class="color1">${user.username}</span></a> $(".normal2").fancybox({‘width‘:‘60%‘,‘height‘:‘80%‘,‘autoSize‘ : false,‘autoCenter‘ :true}); 原文：http://www.cnblogs.com/phyxis/p/5295270.html
手风琴效果经常会用在网页左侧的导航栏，当导航内容比较多时使用手风琴的展示方式更有利于信息的传递和排版，下面就分享一个自己制作的简易手风琴效果，没有用图片，背景颜色也是随意设定的，在实际项目中大家可适当修改。效果图：实现原理：1、当鼠标点击span标签（即一级导航）时，先判断子目录li是否已经展开（此处使用一个on类来做标记）； 2、如果是，则收缩当前的li，移出on类标记，修改span右边的提示符为加号； 3、如果不是...