2013年10月_iteye_19312

自适应图片宽度的jQuery焦点幻灯轮播代码

自适应图片宽度的jQuery焦点幻灯轮播代码注意要1.7.2版本的jq才支持点击后显示点击的图片，不然就是一直顺序播放演示 XML/HTML Code<div id="slide_box">  <ul class="slide_img"> <l...

2013-10-31 11:03:45 206

AJAX jQuery tab选项卡

AJAX jQuery tab选项卡加载的是存在的页面，可以根据需要加载参数演示 XML/HTML Code<ul id="navigation"> <li><a href="#page1">asp</a></li> <li>&l

2013-10-30 10:24:08 548

简单的ajax评论完整代码

简单的ajax评论完整代码数据库结构CREATE TABLE `comments` ( `id` int(10) unsigned NOT NULL auto_increment, `name` varchar(128) collate utf8_unicode_ci NOT NULL default '', `url` varchar(255) collate ut...

2013-10-29 10:25:18 343

无刷新注册代码，带验证

无刷新注册代码，带验证无刷新注册代码，带验证,本例没有判断帐号是否已经存在，如果需要可以参考《Ajax用户注册验证验证合格才能提交表单》演示 PHP Code<?php if($_POST) { $name = $_POST['name']; $email = $_POST['email']; $u...

2013-10-28 10:32:45 87

简单的ajax记事本

记事本，同时只能记录一个文件，存为了txt文本文档注意本例用了一些css和js文件，请在演示页面另存为后查看演示 PHP Code<?php $note_name = 'note.txt'; $uniqueNotePerIP = true; if($uniqueNotePerIP){ //...

2013-10-27 09:39:20 188

类似京东和易迅的菜单-可以折叠隐藏的导航菜单

很流行的菜单，很多购物网站在使用，包括京东，新蛋中国，易迅都是类似的演示地址可以存源码演示 XML/HTML Code<div id="mallNav"> <div class="mallNav-con"> <div id="mallTextNav" class="clearfix&quo

2013-10-26 10:46:20 334

jquery来实现的添加商品和减少商品数量,用于购物车等实时改变价格

jquery来实现的添加商品和减少商品数量,用于购物车等实时改变价格代码没有操作数据库的部分，也没有发送和接收数据的部分演示 XML/HTML Code<p class="num_box"><a class="J_jia">+</a><label><input type="text&qu

2013-10-25 15:08:42 1836 1

php jquery 验证码输入后验证表单

php jquery 验证码输入后验证表单可以刷新验证码，提交验证是否输入正确演示 PHP Code<?php session_start(); $cap = 'notEq'; if ($_SERVER['REQUEST_METHOD'] == 'POST') { if ($_POST['captcha'] =...

2013-10-24 11:12:51 145

jQuery+PHP实现浏览更多内容

jQuery+PHP实现浏览更多内容本例与《无刷新动态加载数据，滚动条加载》的区别就在于这个是点击加载的，2个的数据库结构相同，都比较简单明了演示 XML/HTML Code<div id="more"> <div class="single_item"> <div cl...

2013-10-23 09:49:48 155

纯css下拉菜单,可以设置下拉菜单为多列

纯css下拉菜单,可以设置下拉菜单为多列和一般的下拉菜单不同处在于下拉的内容可以按照需求设置为1行2个，注意一点就是顺序是在table里面用td设置的，如果是数据库读取的话要先取得记录数后计算左右2列的数量演示 XML/HTML Code<DIV class=menu-bar> <UL class=main-menu> ...

2013-10-22 09:46:41 1283

用按钮控制图片左右滚动

用按钮控制图片左右滚动用按钮控制图片左右滚动,默认不会滚动的演示 XML/HTML Code<div class="layout"> <div class="hotPic"> <div class="JQ-slide"> <div class=&

2013-10-21 10:22:28 1122

淡隐淡现选项卡渐隐渐显tab标签

渐隐渐显tab标签,同样可以控制当前显示第几个项目演示 XML/HTML Code<div class="layout"> <div class="row2"> <div class="JQ-slide"> <ul class="JQ-sli

2013-10-20 18:40:26 167

使用CSS和jQuery 模拟select

使用CSS和jQuery 模拟select 模拟select 并带有提交后取得数据的代码演示 XML/HTML Code<div id="dropdown"> <p>请选择城市</p> <ul> <li><a href="#&quot

2013-10-19 09:43:33 69

星级选择器提交代码

星级选择器，提交代码适用于评论等没有用到js库，就是单独的js代码演示 XML/HTML Code<form action="" method="get"> <div id="star_level" star_width="14"> <p>服务</p>

2013-10-17 10:39:54 102

Jquery tab效果,可以指定显示默认项目

Jquery tab效果,可以指定显示默认项目可以在代码里面指定默认显示第几页演示 XML/HTML Code<div id="container" style="width:500px;"> <ul> <li><a href="#fragment-1">&am

2013-10-16 11:42:36 489

Jquery 下拉菜单动画效果

本例除了下面的这些代码还用了比较多的js文件，请看演示源码演示 XML/HTML Code<div id="container"> <div id="navigation"> <ul> <li><a href=""&gt

2013-10-15 11:56:30 322

jquery焦点图 slideshow

jquery焦点图 slideshow 代码很简单演示 XML/HTML Code<div id="slideshow"> <ul class="slides"> <li><img src="../zhoushan.jpg" width="620" h

2013-10-14 20:50:52 111

大幅幻灯片，flash xml读取数据

本例只用了flash和xml本例用到的swf文件下载链接:http://www.freejs.net/demo/55/imageshow.swf 演示页面很简单，就是一个插入swf到html的代码 XML/HTML Code<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-4445535400...

2013-10-14 08:32:37 121

Jquery二级菜单，鼠标经过显示二级分类,大类和小类都有链接

Jquery二级菜单，鼠标经过显示二级分类,大类和小类都有链接一般类似向下打开的导航菜单都是小类才有链接，这个因为是鼠标经过而不是点击的，大小类别都是链接演示 XML/HTML Code<div id="FrontProductsCategory_show01-1293769104214" class="FrontProductsCate...

2013-10-13 08:12:30 663

jquery左右滚动焦点图banner图片,鼠标经过显示上下页

jquery左右滚动焦点图banner图片,鼠标经过显示上下页适合宽和高都比较大的页面使用演示 XML/HTML Code<div class="bannerbox"> <div id="focus"> <ul> <li><a hr

2013-10-11 10:07:52 142

无刷新动态加载数据，滚动条加载

无刷新动态加载数据，滚动条加载滚屏加载更多数据,适合评论等页面本例的数据库很简单，一看就明了演示 PHP Code <div id="container"> <?php $query=mysql_query("select * from content order by id desc l...

2013-10-10 15:54:58 221

div li的多行多列无刷新分页

div li的多行多列无刷新分页本例与《Jquery一页内翻页,类似于无刷新分页》很相近而区别与其他本站发布的翻页代码翻页文件一次加载了全部的内容，因而不是很适合大型的网站，而适用于数据比较少的情况。本例未使用数据库。演示 PHP Code<div class="container"> ...

2013-10-09 10:02:19 123

Jquery无刷新实时更新表格数据

本例与《jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格》差不多的功能，但是本例的更新是一次更新一行数据，具体的请看更新文件table_edit_ajax.php。数据库当然也是相同的，演示 PHP Code<table width="600" align="center"> <tr class="he...

2013-10-07 17:56:45 2398

Jquery, Ajax无刷新翻页,支持跳转页面

Jquery, Ajax无刷新翻页,支持跳转页面freejs已经发了不少无刷新翻页的代码了，点击右侧“相关文章”可以找到，这边这个不同在于多了一个跳转页面。数据库与本站其他翻页的相同，本例和《query 无刷新翻页》均是非常实用的案例，而且本例更简单易懂演示 XML/HTML Code<div id="main"> ...

2013-10-06 09:35:51 256

可以编辑的表格，实时修改，无刷新修改内容

包括select内容异步加载,日历选择,适用于客户管理，注册帐号管理等,本例更适用于单独修改一个数据不同于之前freejs发布的其他实时修改表CREATE TABLE `customer` ( `id` int(11) NOT NULL auto_increment, `username` varchar(100) NOT NULL, `solutation` varc...

2013-10-05 08:41:42 687

jQuery php ajax图片上传

jQuery php ajax图片上传 jquery php ajax图片上传,上传后有预览,上传进度显示上传文件和删除文件的处理都在action.php文件处理演示 XML/HTML Code<div class="demo"> <p>允许上传gif/jpg/png格式的图片，图片体积不能超过500k ...

2013-10-04 09:52:34 172

AJAX TAB JQUERY 选项卡标签

AJAX TAB JQUERY 选项卡标签演示 jsJavaScript Code<script> $(document).ready(function(){ var Tabs = { 'Tab one' : 'pages/page1.html', ...

2013-10-03 10:44:03 231

freejs