- 博客(4808)
- 资源 (4)
- 收藏
- 关注
原创 各种弹出层的一个插件,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 8203 1
原创 各种不同演示的图片滚动
各种不同演示的图片滚动包括是否可以循环,设置默认显示位置等不同情形演示铜板街注册并购买货币基金可以得2000集分宝,本站再返10元,共30元积木盒子首次投资至少送30元 JavaScript Code function example(id) { document.write( ' + id + '">' + '' +
2014-10-23 16:12:09 6990
原创 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 6728
原创 三种不同样式的打开折叠内容,包括同时折叠多个
三种不同样式的打开折叠内容,包括同时折叠多个演示 XML/HTML Codediv id="wrapper"> main class="main-wrapper"> h2>1.默认设置必须展开一个项目h2> div id="first"> h3>Accordion Oneh3>
2014-10-20 21:35:45 6408
原创 多种弹出窗口,弹出层,包括ajax,图片等载入
多种弹出窗口,弹出层,包括ajax,图片等载入 本例用到的css和js文件请到演示页面查看源码获取多种弹出窗口,弹出层,包括ajax,图片等载入演示百度透明小金库活动支付给本站1分钱,返利6元铜板街注册并购买货币基金可以得2000集分宝,本站再返10元,共30元第一P2P理财app投资20元新手标送20元 XML/HTML Code
2014-10-13 08:46:06 6808
原创 可以自定义标题背景的弹出层
可以自定义标题背景的弹出层自定义大小演示 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 7014
原创 自定义多层级连网页右键
自定义多层级连网页右键演示 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 5967
原创 颜色选择,自定义颜色供选择
颜色选择,自定义颜色供选择演示 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 6222 1
原创 实时编辑表格,可以编辑的表格
本站已经有《jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格》这个案例是一个非常完整的案例,带数据库更新部分本例没有更新数据库的部分,但是有传递的过程演示 PHP Code"editTable"> for($colIndx=0;
2014-08-26 01:50:22 6155
原创 动态和静态树,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 5849
原创 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 6646
原创 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 6576
原创 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 6317
原创 点击变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 6900
原创 顶部隐藏/显示面板
顶部隐藏/显示面板演示 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 5967
原创 动画统计,包括曲线,柱状图等
动画统计,包括曲线,柱状图等演示 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 6171
原创 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 6948
原创 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 6315 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 6937 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 6092
原创 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 1456
原创 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 3480
原创 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 1984
原创 PlusSlider 2个焦点图,一个可以固定图片宽和高一个显示实际大小
PlusSlider 2个焦点图,一个可以固定图片宽和高一个显示实际大小演示 XML/HTML Codediv id="slider"> div data-title="PlusSlider" class="slide1"> div>
2014-05-26 08:48:36 1402
原创 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 1526
原创 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 1430
原创 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 2084
原创 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 1889
原创 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 1712
原创 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 1867
原创 投票喜欢/不喜欢 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 1701
原创 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 5436
原创 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 1704
原创 一步步注册,填写的资料合格后进入下一步
一步步注册,填写的资料合格后进入下一步演示 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 1792
原创 注册/登录页面
注册/登录页面演示 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 2524 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 1705
原创 类似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 1849
原创 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 2221 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 2087
原创 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 2084
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人