piperzero-CSDN博客

原创各种弹出层的一个插件,iframe,自定义大小等

各种弹出层的一个插件,iframe,自定义大小等演示 XML/HTML Codediv id="pronto"> article class="project_details lab_details"> header class="bordered_bottom page_header">header> div class="bordered_bottom project

2014-10-30 09:51:02 8069 1

原创各种不同演示的图片滚动

各种不同演示的图片滚动包括是否可以循环,设置默认显示位置等不同情形演示铜板街注册并购买货币基金可以得2000集分宝,本站再返10元,共30元积木盒子首次投资至少送30元 JavaScript Code function example(id) { document.write( ' + id + '">' + '' +

2014-10-23 16:12:09 6887

原创 jQuery无刷新翻页，更改排序，同时带添加，修改，删除数据

jQuery无刷新翻页，更改排序，同时带添加，修改，删除数据本例用到的js库请到演示页面演示百度透明小金库活动支付给本站1分钱，返利6元铜板街注册并购买货币基金可以得2000集分宝,本站再返10元,共30元积木盒子首次投资至少送30元 XML/HTML Codediv id="PeopleTableContainer" style="width: 600px;">div> JavaScrip

2014-10-21 15:12:07 6614

原创三种不同样式的打开折叠内容,包括同时折叠多个

三种不同样式的打开折叠内容,包括同时折叠多个演示 XML/HTML Codediv id="wrapper"> main class="main-wrapper"> h2>1.默认设置必须展开一个项目h2> div id="first"> h3>Accordion Oneh3>

2014-10-20 21:35:45 6371

原创多种弹出窗口，弹出层，包括ajax，图片等载入

多种弹出窗口，弹出层，包括ajax，图片等载入本例用到的css和js文件请到演示页面查看源码获取多种弹出窗口，弹出层，包括ajax，图片等载入演示百度透明小金库活动支付给本站1分钱，返利6元铜板街注册并购买货币基金可以得2000集分宝,本站再返10元,共30元第一P2P理财app投资20元新手标送20元 XML/HTML Code

2014-10-13 08:46:06 6772

原创可以自定义标题背景的弹出层

可以自定义标题背景的弹出层自定义大小演示 XML/HTML Codeinput type="button" onclick="showWindow('yellow');" value="Window - Yellow"/> input type="button" onclick="showWindow('black');" value="Window - Black"/> input type

2014-09-10 10:48:54 6974

原创自定义多层级连网页右键

自定义多层级连网页右键演示 XML/HTML Codediv id="download">Right Click to Demo span class="amp">&span> Downloaddiv> JavaScript Code$(document).ready(function(){ context.init({preventDoubleContext: fals

2014-09-01 14:42:35 5944

原创颜色选择，自定义颜色供选择

颜色选择，自定义颜色供选择演示 JavaScript Code"text" value="222" name="border-color" class="pick-a-color"> "text" value="aaa" name="font-color" class="pick-a-color"> "text" value="a1beef" name="backgound-c

2014-08-27 14:50:16 6191 1

原创实时编辑表格，可以编辑的表格

本站已经有《jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格》这个案例是一个非常完整的案例，带数据库更新部分本例没有更新数据库的部分，但是有传递的过程演示 PHP Code"editTable"> for($colIndx=0;

2014-08-26 01:50:22 6124

原创动态和静态树，ajax读取数据

动态和静态树，ajax读取数据演示 XML/HTML Codeul id="dhtmlgoodies_tree" class="dhtmlgoodies_tree"> li>a href="#" id="node_1">Europea> ul> li parentId="1">a href="#" id="node_2">Loading...a

2014-08-07 19:31:12 5829

原创 Fly to basket 点击添加到右侧购物车,动画效果

Fly to basket 点击添加到右侧购物车,动画效果本例用的价格等是固定的数据，并非用的数据库读取，仅仅演示购物车演示 XML/HTML Codediv id="mainContainer"> div id="leftColumn"> div id="products"> div cl

2014-08-04 15:04:21 6626

原创 Ajax tooltip 动态ajax载入tips

Ajax tooltip 动态ajax载入tips演示 XML/HTML Codediv id="mainContainer"> div id="mainContent"> table width="100%" class="productTable"> thead> th>Productth>

2014-07-31 18:34:01 6543

原创 jQuery 点击展开180度菜单

jQuery 点击展开180度菜单演示 XML/HTML Codeul id="nav"> li>a href="javascript:goTo('camera');">i class="icon-camera">i>a>li> li>a href="javascript:goTo('user');">i class="icon-user">i>a>li> li>a href="javasc

2014-07-24 16:33:18 6295

原创点击变input编辑内容,点击变下拉框

点击变input编辑内容,点击变下拉框演示 XML/HTML Codediv id="page"> table> caption>The database. See your changes here.caption> tr> th>Objectth> th>First nameth> th>Last nameth> th>Favouritesth> th>Di

2014-07-17 12:50:12 6866

原创顶部隐藏/显示面板

顶部隐藏/显示面板演示 JavaScript Code"text/javascript"> $(document).ready(function(){ // Lets make the top panel toggle based on the click of the show/hide link $("#sub-panel").click(function(){

2014-07-14 14:38:53 5937

原创动画统计，包括曲线，柱状图等

动画统计，包括曲线，柱状图等演示 XML/HTML Codetable style="margin-left:auto;margin-right:auto;"> tr> td style="text-align:center;">h3 style="margin-bottom:0px;">Example 1h3> div id="chart1" style="width:540px;heig

2014-07-07 10:53:02 6148

原创 json 读取数据创建表格

json 读取数据创建表格演示 XML/HTML Codediv id="mssg">div> table id="dataTable" align="center"> thead> thead> tbody> tbody> table> JavaScript Code"text/javascript"> $("#dataTable").jsonTable({

2014-07-03 08:34:14 6913

原创 ajax json 表格排序，分页，自定义每页数量

ajax json 表格排序，分页，自定义每页数量点击表头可以排序，按照升序或者降序，另外支持多列排序设置每页数量演示 XML/HTML Codetable id='example3'> thead> tr> th>IDth> th>First nameth> th>Last nameth> th>Gradeth> th>Grade 2th> th>Efficie

2014-06-28 10:18:59 6290 1

原创 jQuery可以计算的表单，包括单选改变价格，select改变价格，动态添加删除行计算

jQuery可以计算的表单，包括单选改变价格，select改变价格，动态添加删除行计算各种表单情况的计算演示 JavaScript Code"text/javascript"> var currentRow = 3; $(document).ready(function(){ $('#calx').calx(); $('#add_item').click(fu

2014-06-26 13:20:39 6898 1

原创 jQuery 焦点图,图片文件在js文件中

jQuery 焦点图,图片文件在js文件中演示 XML/HTML Codediv id="photo_container">div> JavaScript Code var carousel_images = [ "images/1.jpg", "images/2.jpg", "images/3.j

2014-06-19 15:12:01 6062

原创 2个不同的图片效果,可以用焦点图

2个不同的图片效果,可以用焦点图演示 XML/HTML Codediv id="rondellSlider"> img src="images/slider/pic1.png" alt="unicorn" title="A beautiful unicorn"> img src="images/slider/pic2.png" alt="swan" title="Swan on the

2014-06-17 15:01:30 1444

原创 jQuery 顶部导航跟随滚动，固定浮动在顶部

jQuery 顶部导航跟随滚动，固定浮动在顶部演示 XML/HTML Codesection> article class="left"> p> p> ul> li>a href="http://freejs.net/article_jquerywenzi_149.html" title="Ajax 动态加载内容">Ajax 动态加载内容a>li> li>a href="htt

2014-06-06 09:56:40 3462

原创 Ladda 应用提交表单的时候显示loading加载中包括不同位置，不同效果

Ladda 应用提交表单的时候显示loading加载中包括不同位置，不同效果不同大小，位置，效果，进度条等演示 XML/HTML Codearticle class="examples" style="margin-top:0px;"> section class="button-demo"> h3>expand-lefth3> button class="ladda-button" d

2014-05-28 15:10:53 1962

原创 PlusSlider 2个焦点图，一个可以固定图片宽和高一个显示实际大小

PlusSlider 2个焦点图，一个可以固定图片宽和高一个显示实际大小演示 XML/HTML Codediv id="slider"> div data-title="PlusSlider" class="slide1"> div>

2014-05-26 08:48:36 1392

原创 Ajax 动态加载内容

Ajax 动态加载内容本例用到的2个js文件可以到演示文件演示 XML/HTML Code div id="mainContainer"> div class="news" id="news1">Loading news. please wait...div> div class="news" id="news2">Loadi

2014-05-23 15:14:09 1518

原创 jquery 弹出层弹窗

jquery 弹出层弹窗可以设置不同的背景和标题演示 XML/HTML Codebutton id="test">Alertbutton> div id="testElement"> Hello how are you button>ElementButtonbutton> div> script src="includes/js/jquery.messagebox.js">scrip

2014-05-20 10:21:35 1410

原创 php文件管理，可以点击按照时间，大小，名称排序

php文件管理，可以点击按照时间，大小，名称排序本例没有用到jquery演示 PHP Code$rootdir="./"; $spacenum=0; $filenum=0; $allfilesize=0; echo "文件管理freejs.net测试"; echo "重置"; readLogDir($rootdir); echo ""; echo "Total f

2014-05-09 10:09:14 2068

原创 jQuery 二级菜单，一次显示一个小类鼠标点击显示小类

jQuery 二级菜单，一次显示一个小类鼠标点击显示小类本例有另外2个关联案例,演示地址分别为2.php,3.php演示 XML/HTML Codediv class="arrowlistmenu"> h3 class="menuheader expandable">表单h3> ul class="categoryitems"> li>a href="1/">Horizontal C

2014-05-07 12:35:31 1876

原创 jQuery 滑动改变价格

jQuery 滑动改变价格演示 XML/HTML Codesection id="content" > div class="cube"> div class="a">div> div class="b">div> div class="c">div> div class="d">div> div id="slider-range-min">div> div> input type

2014-04-28 17:18:13 1695

原创 jQuery 垂直滑动新闻展示

jQuery 垂直滑动新闻展示演示 XML/HTML Codediv class="news-holder cf"> ul class="news-headlines"> li class="selected">100 red bicycles stolen from local bike storeli> li>New leash laws in effect for floppy-ear

2014-04-22 10:36:02 1859

原创投票喜欢/不喜欢 ajax无刷新

投票喜欢/不喜欢 ajax无刷新演示 JavaScript Code"text/javascript"> $(document).ready(function() { $(".like").click(function() { var id=$(this).attr("id"); var name=$(this).attr("name"); var dataString = 'id=

2014-04-15 17:35:54 1688

原创 login and signup 注册和登录tab页面

login and signup 注册和登录tab页面演示 JavaScript Code"application/javascript"> $(document).ready(function() { $(".tab").click(function() { var X=$(this).attr('id'); if(X=='signup') { $("#logi

2014-04-08 09:07:08 5367

原创 Jquery 验证注册

Jquery 验证注册演示 JavaScript Code"text/javascript"> $(document).ready(function() { $.validator.addMethod("email", function(value, element) { return this.optional(element) || /^[a-zA-Z

2014-04-03 10:29:58 1693

原创一步步注册,填写的资料合格后进入下一步

一步步注册,填写的资料合格后进入下一步演示 XML/HTML Codediv id="form"> form method="post" > ul> li class="email"> label>Email: label>br/> input type="text" name="email" id="email" /> span class="error">span> li>

2014-04-01 09:50:10 1782

原创注册/登录页面

注册/登录页面演示 XML/HTML Codeform method="post" action="loginup.php" id="form"> div style="margin-bottom:6px"> label>Emaillabel> br/> input type="text" name="email" class="input" id="email"/>br /> inpu

2014-03-28 11:03:53 2497 1

原创 jQuery 弹出层弹出对话框

jQuery 弹出层弹出对话框可以设置大小,ajax内容弹出,背景等各种调整演示 XML/HTML Codediv id="wrapper"> section> div class="container_6 clearfix"> section class="main-section grid_6"> div class="main-content"> section c

2014-03-24 11:42:38 1696

原创类似facebook无刷新ajax更新

类似facebook无刷新ajax更新演示 XML/HTML Codescript type="text/javascript"> $(document).ready(function() { $('.edit_link').click(function() { $('.text_wrapper').hide(); var data=$('.text_wrapper').html(

2014-03-17 10:38:52 1843

原创 Jquery实时改变网页设计(背景色)

Jquery实时改变网页设计(背景色)演示 PHP Codeinclude('conn.php'); if($_SERVER["REQUEST_METHOD"] == "POST") { $background=$_POST['background']; $header=$_POST['header']; $sidebar=$_POST['sidebar']; $footer=$_PO

2014-03-13 19:55:48 2215 1

原创点击显示菜单下拉菜单

常见于登录后的帐号管理等位置，默认是隐藏的，鼠标点击后显示下拉详情演示 XML/HTML Codediv style='margin:50px'> div class="dropdown"> a class="account" > span>My Accountspan> a> div class="submenu" style="display: none; "> ul

2014-03-06 10:10:39 2078

原创 jquery 无刷新添加/删除 input行实时计算购物车价格

jquery 无刷新添加/删除 input行实时计算购物车价格jquery 未来事件插件jq_Live_Extension.js演示 XML/HTML Codescript> $(document).ready(function(){ //tr/>居中 $("#tab tr").attr("align","center");

2014-03-03 08:45:50 2077

moo.fx.pack.js

pic.js

css_573590.cache.css

AJAX.JS

空空如也