欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

jquery 学习的好网址 内有各种特效

shiping1 的头像
http://www.helloweba.com/

Mar
31

jQuery实现的全选、反选和不选功能

作者:月光光 时间:2014-03-31 21:15 标签:jQuery 

本文给大家分享一段基于jQuery的全选、反选和不选功能的代码,适用于网页多选后需要进行批量操作的场景(如批量删除等)。文章结合实例,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有需要的WEB爱好者。阅读全文

Mar
25

PHP模拟登录并获取数据

作者:月光光 时间:2014-03-25 21:54 标签:PHP  登录 

cURL 是一个功能强大的PHP库,使用PHP的cURL库可以简单和有效地抓取网页并采集内容,设置cookie完成模拟登录网页,curl提供了丰富的函数, 开发者可以从PHP手册中获取更多关于cURL信息。本文以模拟登录开源中国(oschina)为例,和大家分享cURL的使用。阅读全文

Mar
18

jQuery+PHP掷色子抽奖

作者:月光光 时间:2014-03-18 21:13 标签:PHP+jQuery  jQuery  抽奖 

本文以大富翁游戏为背景,综合运用jQuery和PHP知识,设计出以掷色子点数来达成抽奖的效果,当然抽奖概率是可控的,开发者可以将本实例稍作修改即可运用到网站中的抽奖活动场景中。阅读全文

Mar
12

掷色子猜大小游戏(可控制概率)

作者:月光光 时间:2014-03-12 20:38 标签:jQuery  php  css  动画 

本文结合实例为大家讲解如何实现一个掷色子猜大小的游戏功能。上期我们给大家介绍了 jQuery掷色子动画,本期在上期的基础上,涉及到HTML,CSS,jQuery以及PHP相关知识,文章重点关注后台PHP程序会根据用户选择的大 小计算概率,控制最终掷出的点数,本例中用户猜中几率为20%。阅读全文

Feb
23

jQuery掷色子动画

作者:月光光 时间:2014-02-23 14:13 标签:jquery  动画 

大家一定都玩过掷色子的游戏,今天我给大家分享的是如何使用jQuery来实现掷色子的动画效果,通过jQuery的animate()自定义动画函数并结合CSS背景图片切换实现的动画效果,后面helloweba还会有文章发布关于掷色子的抽奖程序。阅读全文

Feb
18

使用PHP生成PDF文档

作者:月光光 时间:2014-02-18 20:54 标签:php  PDF 

实际工作中,我们要使用PHP动态的创建PDF文档,目前有许多开源的PHP创建PDF的类库,今天我给大家来介绍一款优秀的PDF库,它就是TCPDF,TCPDF是一个用于快速生成PDF文件的PHP5函数包。TCPDF基于FPDF进行扩展和改进,增强了实用功能。阅读全文

Feb
10

FullCalendar应用——整合农历节气和节日

作者:月光光 时间:2014-02-10 21:46 标签:fullCalendar  日历  农历 

FullCalendar用来做日程管理功能非常强大,但是唯一不足的地方是没有将中国农历历法加进去,今天我将结合实例和大家分享如何将中国农历中的节气和节日整合到FullCalendar中,从而增强其实用性。阅读全文

Jan
28

使用PHP生成二维码

作者:月光光 时间:2014-01-28 22:52 标签:php  二维码 

随着科技的进步,二维码应用领域越来越广泛,本站之前已有文章介绍通过使用jQuery插件来生成二维码,今天我给大家分享下如何使用PHP生成二维码,以及如何生成中间带LOGO图像的二维码。阅读全文

Jan
24

jQuery实现页内查找相关内容

作者:月光光 时间:2014-01-24 21:10 标签:jquery 

当需要在页面中查找某个关键字时,一是可以通过浏览器的查找功能实现,二是可以通过前端脚本准确查找定位,本文介绍通过jQuery实现的页面内容查找定位的功能,并可扩展显示查找后的相关信息。阅读全文

Jan
17

CSS3响应式导航菜单

作者:月光光 时间:2014-01-17 20:48 标签:CSS3  HTML5  响应式 

今天我给大家介绍一下如何使用纯CSS来实现的一个响应式导航菜单,我们使用的是HTML5+CSS3技术,当浏览器窗口变小或者使用手机浏览器访问的时候,原本横条菜单会收缩成一个下拉菜单,当鼠标滑向菜单时下拉展示全部菜单。阅读全文
 

Jan
03

PHP+Mysql+jQuery实现地图区域数据统计-展示数据

作者:月光光 时间:2014-01-03 21:21 标签:PHP+jQuery  PHP+Mysql  地图 

我们要在地图上有限的区块内展示更多的信息,更好的办法是通过地图交互来实现。本文将给大家讲解通过鼠标滑动到地图指定省份区域,在弹出的提示框中显示对应省份的数据信息。适用于数据统计和地图区块展示等场景。阅读全文

Dec
24

PHP+Mysql+jQuery实现地图区域数据统计-载入数据

作者:月光光 时间:2013-12-24 21:07 标签:地图  PHP+jQuery  jquery  JSON 

上一篇文中,我给大家介绍了如何使用raphael.js绘制中国地图,今天我要给大家介绍在实际应用中,如何把数据载入到地图中。本文结合实例,使用PHP+Mysql+jQuery实现中国地图各省份数据统计效果。阅读全文

Dec
19

使用raphael.js绘制中国地图

作者:月光光 时间:2013-12-19 23:24 标签:javascript  地图 

最近的数据统计项目中要用到中国地图,也就是在地图上动态的显示某个时间段某个省份地区的统计数据,我们不需要flash,仅仅依靠raphael.js以及SVG图像就可以完成地图的交互操作。在本文中,我给大家分享如何使用js来完成地图交互。阅读全文

Dec
09

使用CSS3和jQuery制作可伸缩的搜索条

作者:月光光 时间:2013-12-09 21:25 标签:CSS3  jquery 

搜索条在我们网站是必不可少的,尤其是在有限的页面空间里,放置一个重要的搜索条是个难题,今天我将结合实例给大家介绍一下如何使用CSS3和jQuery来实现一个可伸缩功能的搜索条。阅读全文

Nov
23

PHP和JAVASCRIPT判断访客终端是电脑还是手机

作者:月光光 时间:2013-11-23 00:01 标签:php  javascript  移动应用 

当用户使用手机等移动终端访问网站时,我们可以通过程序检测用户终端类型,如果是手机用户,则引导用户访问适配手机屏幕的移动站点。本文将介绍分别使用PHP和JAVASCRIPT代码判断用户终端类型。阅读全文

Nov
16

使用CSS3制作漂亮的按钮

作者:月光光 时间:2013-11-16 16:19 标签:CSS3 

今天我给大家介绍一下如何使用CSS3来制作一个圆角阴影、渐变色的漂亮的按钮,它不需要任何图片和javascript脚本,只需要CSS3就可以轻松实现按钮效果,并且可以适用于任意HTML元素,想div,span,p,a,button,input等等。阅读全文

Nov
11

使用Javascript控制Cookie关闭大背景

作者:月光光 时间:2013-11-11 21:57 标签:cookie  jquery 

每当重大节日期间,各大主流网站首页会披上节日的盛装,设计者一般会使用大幅背景图片来获得更好的视觉冲击效果,当然,也要考虑到有些用户不习惯这大背景图,那么在背景图上放置“关闭”按钮是有必要的,用户只要点击“关闭背景”按钮,大幅背景图将会消失。阅读全文

Oct
31

PHP+MySql+jQuery实现的“顶”和“踩”投票功能

作者:月光光 时间:2013-10-31 20:52 标签:php  jquery  mysql  json 

当我们浏览网页时,我们想对网页内容如文章、评论中的观点持赞同或反对意见时,可以通过点击网页中的“顶”和“踩”来进行投票。而整个交互过程,开发者可以通过ajax异步来实现,从而提高用户体验。阅读全文

Oct
26

Ajax表单提交插件jquery form

作者:月光光 时间:2013-10-26 14:58 标签:ajax  表单  jquery 

jQuery Form插件是一个优秀的Ajax表单插件,我们可以非常容易的使用它处理表单控件的值,清空和复位表单控件,附件上传,以及完成Ajax表单提交。 jQuery Form有两个核心方法ajaxForm()和ajaxSubmit(),本文我们重点介绍ajaxSubmit()的应用。阅读全文

Oct
15

FullCalendar应用——拖动与实时保存

作者:月光光 时间:2013-10-15 21:03 标签:日历  jquery  fullcalendar  

我们可以使用FullCalendar建立一个非常强大的日历程序,用户可以轻松的在FullCalendar操作日程安排,诸如新建、修改、删除等操作以及本文将要讲解的拖动、缩放日程事件。阅读全文

 

Oct
10

FullCalendar应用——编辑与删除日程事件

作者:月光光 时间:2013-10-10 22:56 标签:日历  jquery  fullcalendar  

FullCalendar可以灵活运用到项目开发中,本站上一篇文章中,我们介绍了如何在 FullCalendar新建日程事件,今天我要给大家介绍的是如何在FullCalendar中编辑和删除日程事件,这样我们就完成了 FullCalendar上的“增删改查”一系列操作。阅读全文

Sep
30

FullCalendar应用——新建日程事件

作者:月光光 时间:2013-09-30 21:02 标签:日历  jquery  fullcalendar 

FullCalendar用日历的形式直观的展示了日程安排、代办事宜等事件,那么日历中的事件是怎么添加进去的呢?本文将结合实例使用PHP+MySQL+jQuery讲解如何在FullCalendar中新建事件。阅读全文

Sep
21

FullCalendar应用——读取JSON数据

作者:月光光 时间:2013-09-21 19:29 标签:日历  jquery  fullcalendar  

开发者可以使用FullCalendar创建强大的日历日程应用,FullCalendar提供了丰富的选项设置和方法调用,使得开发者可以轻松的创建各种功能的日历程序。本文将结合实例使用PHP读取MySQl数据,显示在FullCalendar日历中。阅读全文

Sep
15

FullCalendar日历插件说明文档

作者:月光光 时间:2013-09-15 13:53 标签:FullCalendar  日历  文档 

FullCalendar提供了丰富的属性设置和方法调用,开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发,本文将FullCalendar的常用属性和方法、回调函数等整理成中文文档,以供参阅。当前版本1.6.4。阅读全文

Sep
12

日程安排FullCalendar

作者:月光光 时间:2013-09-12 20:18 标签:日历  jquery  fullcalendar 

FullCalendar是一款基于jQuery的日历插件,适用于各种日程安排、工作计划等场景,您可以很方便的查看查看待办事项,标记重要事项以及绑定点击和拖动事件,能快速的整合到您的项目中,本文将简单介绍FullCalendar的使用。阅读全文

Sep
03

PHP+Mysql+jQuery找回密码

作者:月光光 时间:2013-09-03 22:08 标签:PHP  mysql  jquery  email 

通常所说的密码找回功能不是真的能把忘记的密码找回,因为我们的密码是加密保存的,一般开发者会在验证用户信息后通过程序生成一个新密码或者生成一个特定的链接并发送邮件到用户邮箱,用户从邮箱链接到网站的重置密码模块重新设置新密码。阅读全文

Aug
28

PHP用户注册邮箱验证激活帐号

作者:月光光 时间:2013-08-28 21:01 标签:php  mysql  email 

我们在很多网站注册会员时,注册完成后,系统会自动向用户的邮箱发送一封邮件,这封邮件的内容就是一个URL链接,用户需要点击打开这个链接才能激活之前在该网站注册的帐号。激活成功后才能正常使用会员功能。阅读全文

Aug
17

PHP汉字拼音转换和公历农历转换

作者:月光光 时间:2013-08-17 13:23 标签:php  拼音  日历 

本文整理了PHP汉字拼音转换和公历农历转换两个功能类文件,非常实用。比如我们查找通讯录可以通过联系人姓名的拼音首字母来查询,可以通过首字母来导航大数据量,可以通过转换拼音来做网站优化等。公农历转化一般用在日历日程安排的项目中,方便农历的节日提醒等等。阅读全文

Aug
08

使用jquery.qrcode生成二维码

作者:月光光 时间:2013-08-08 22:16 标签:jquery插件  二维码 

二维码应用已经渗透到我们的生活工作当中,您只需要用手机对着二维码“扫一扫”即可获得所对应的信息,方便我们了解商家、购物、观影等等。本文将介绍一款基于jquery的二维码生成插件qrcode,在页面中调用该插件就能生成对应的二维码。阅读全文

Aug
04

iPictrue:图片标注提示

作者:月光光 时间:2013-08-04 21:56 标签:jQuery插件 

iPictrue是一款基于jQuery,能在图片上的任意位置标注提示信息的插件,使用iPictrue可以让图片内容更丰富,提高互动性,适用于一些需要注释图片信息的应用如产品结构图等,它还支持图片、链接等html内容。阅读全文
 

Jul
22

FileReader:读取本地图片文件并显示

作者:月光光 时间:2013-07-22 20:41 标签:html5  本地文件 

最近忙得比狗还惨,导致长时间没能更新文章,真心对不住啊。抽空整理了下关于在页面上读取和显 示本地图片的实例文章,本文通过实例讲解如何使用支持FileReader浏览器的用户将能够通过一个file input选择一个图片文件,并不经过上传而直接将图片显示在页面中。阅读全文

Jul
06

jQuery实现的向下推送图文信息滚动效果

作者:月光光 时间:2013-07-06 11:52 标签:jquery  滚动 

WEB页面需要展示网站最新信息,如微博动态、余票信息、路况监控等项目中常见的实时数据滚动效果,我们可以用jQuery来实现前端信息滚动效果。本文我们将结合实例为大家讲解如何使用jQuery来实现图文信息滚动效果。阅读全文

Jul
02

Zclip:复制页面内容到剪贴板兼容各浏览器

作者:月光光 时间:2013-07-02 20:50 标签:jquery插件  zclip 

WEB开发中,要让用户复制页面中的一段代码、URL地址等信息,为了避免用户拖动鼠标再进行右键复制操作而可能出现的差错,我们可以直接在页面中放置一个复制按钮,只需要轻轻一点这个复制按钮,内容将会被复制,然后用户可以粘贴到想粘贴的地方。阅读全文

Jun
18

WEB开发中常用的正则表达式

作者:月光光 时间:2013-06-18 20:37 标签:php  javascript  正则 

在计算机科学中,正则表达式用来描述或者匹配一系列符合某个句法规则的字符串的单个字符串。在WEB开发中,正则表达式通常用来检测、查找替换某些符合规则的字符串,如检测用户输入E-mai格式是否正确,采集符合规则的页面内容等等。阅读全文

Jun
14

jQuery+HTML5声音提示

作者:月光光 时间:2013-06-14 22:06 标签:jquery  html5 

WEB应用中,有时需要播放特定的声音,比如有新消息或者在线聊天消息声音提示,以前我们通过flash实现,今天我们将使用jQuery和HTML5结合示例来实现如何把声音提示带入WEB应用中。阅读全文

Jun
04

响应式内容滑动插件bxSlider

作者:月光光 时间:2013-06-04 20:53 标签:响应式  滑动 

响应式WEB设计可以让WEB页面自适应各种尺寸的屏幕,俨然已经成为了当今WEB设计趋势。本文将介绍一款基于jQuery的响应式内容滑动插件以及如何使用这款插件到你的WEB应用中,满足各类WEB设计需求。阅读全文

May
24

砸金蛋:jQuery+PHP实现的砸金蛋中奖程序

作者:月 时间:2013-05-24 22:50 标签:jquery  php  抽奖 

砸金蛋被广泛应用于庆典活动、商家促销、电视娱乐等场合,它的趣味、悬念能迅速活跃现场气氛。同样,我们也可以将砸金蛋应用到WEB网站上,用于开展线上活动。本文将使用jQuery与PHP讲解如何实现一个WEB砸金蛋程序。阅读全文

May
14

jQuery数字滚动展示效果

作者:月光光 时间:2013-05-14 21:30 标签:jquery  滚动 

有时我们需要动态的展示访问次数、下载次数等效果,我们可以借助jQuery结合后台php实现一个滚动的数字展示效果。本文将结合实例使用jquery背景动画插件,将数字作为背景图片,定时让背景图片滚动起来,从而实现了滚动数字的效果。阅读全文

May
02

幸运大转盘-jQuery+PHP实现的抽奖程序(下)

作者:月光光 时间:2013-05-02 21:31 标签:jQuery  PHP  抽奖 

上一篇文章中我们实现了转盘的转动效果,本文将紧接上文,使用PHP结合jQuery完成整个转盘抽奖过程。我们只需要在php文件中设置转盘对应的角度和奖项,以及每个奖项对应的中奖几率,运用概率算法,使得抽奖结果符合后台设置的中奖几率。阅读全文

Apr
29

幸运大转盘-jQuery+PHP实现的抽奖程序(上)

作者:月光光 时间:2013-04-29 22:27 标签:jQuery  PHP  抽奖 

在线抽奖程序在很多网站上得到应用,抽奖形式多种多样,本站之前有专门介绍常见的翻板抽奖和随机抽奖的文章,本文将给大家介绍转盘抽奖,通过转动转盘指针来完成抽奖的一种抽奖形式——幸运大转盘。阅读全文

 


Apr
22

PHP+Mysql+jQuery实现文件下载次数统计

作者:月光光 时间:2013-04-22 22:16 标签:php  mysql  jquery  ajax 

项目中我们需要统计文件的下载次数,用户每下载一次文件,相应的下载次数加1,类似的应用在很多下载站中用到。本文结合实例使用PHP+Mysql+jQuery,实现了点击文件,下载文件,次数累加的过程,整个过程非常流畅。阅读全文

Apr
14

超酷的固定菜单页面滚动效果

作者:月光光 时间:2013-04-14 14:58 标签:jquery  css  滚动 

在一个单页面设置一个主菜单,当页面滚动时主菜单位置固定在页面窗口中不动,或左或右,或上或下。当单击菜单项时,页面滚动到菜单对应的内容区,当页面滚动到预定内容位置时,对应的菜单项变为当前选中样式。阅读全文

Apr
08

jQuery Easing 动画效果扩展

作者:月光光 时间:2013-04-08 21:42 标签:动画  jQuery插件 

jQuery API提供了简单的动画效果如淡入淡出以及自定义动画效果,而今天我给大家分享的是一款jQuery动画效果扩展增强插件jquery.easing.js,使用该插件可以实现直线匀速运功、变加速运动、缓冲等丰富的动画效果。阅读全文

Mar
27

jQuery时间轴插件:jQuery Timelinr

作者:月光光 时间:2013-03-27 22:31 标签:时间轴  jQuery插件 

这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery,可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。阅读全文

Mar
22

使用PHP采集远程图片

作者:月光光 时间:2013-03-22 21:59 标签:php采集 

当我们需要采集网络上的某个网页内容时,如果目标网站上的图片做了防盗链的话,我们直接采集过来的图片在自己网站上是不可用的。那么我们使用程序将目标网站上的图片下载到我们网站服务器上,然后就可调用图片了。阅读全文

Mar
18

使用Ctrl+Enter提交表单

作者:月光光 时间:2013-03-18 22:04 标签:jQuery  表单 

我们发表微博或论坛发帖时,在内容输入框中输入完内容后,可以点击“提交”按钮来发表内容。可是,如果你够“懒”,你可以不用动鼠标,只需按住键盘上的Ctrl+Enter键,即可提交表单,完成内容发布。阅读全文

Mar
13

速度超快的菜单切换效果

作者:月光光 时间:2013-03-13 22:06 标签:菜单  jQuery 

这是一个非常流畅的菜单展示效果,应用在亚马逊(amazon.cn)上,当你上下移动鼠标的时候,二级菜单会非常轻快的切换,没有任何延时,给用户如滑丝般的感觉。这种效果借助于一款jQuery插件menu-aim,本文将结合实例讲解如何实现速度超快的菜单效果。阅读全文

Mar
02

jQuery实现等比例缩放大图片

作者:月光光 时间:2013-03-02 22:57 标签:jquery  图片 

在布局页面时,有时会遇到大图片将页面容器“撑破”的情况,尤其是加载外链图片(通常是通过采集的外站的图片)。那么本文将为您讲述使用jQuery如何按比例缩放大图片,让大图片自适应页面布局。阅读全文

Feb
16

PHP+Mysql+jQuery统计当前在线用户数

作者:月光光 时间:2013-02-16 15:32 标签:PHP  jQuery  Ajax  JSON 

我们要统计在一段时间内访问站点的人数,有多种解决方案,你可以使用cookie,session结合文本或者数据库来记录用户访问数。本文将使用PHP,结合Mysql以及jQuery,展示一个统计在线人数以及访客地区分布的示例。阅读全文

Jan
29

使用PHPMailer发送带附件并支持HTML内容的邮件

作者:月光光 时间:2013-01-29 20:28 标签:php  email 

PHPMailer是一个封装好的PHP邮件发送类,支持发送HTML内容的电子邮件,以及可以添加附件发送,并不像PHP本身mail()函数需要服务器环境支持,您只需要设置邮件服务器以相关信息就能实现邮件发送功能。阅读全文
 

Jan
15

PHP递归实现无限级分类

作者:月光光 时间:2013-01-15 20:37 标签:php  mysql 

在一些复杂的系统中,要求对信息栏目进行无限级的分类,以增强系统的灵活性。那么PHP是如何实现无限级分类的呢?我们在本文中使用递归算法并结合mysql数据表实现无限级分类。阅读全文

Jan
09

Javascript与HTML5的canvas实现图片旋转效果

作者:月光光 时间:2013-01-09 21:23 标签:canvas  html5  图片旋转 

我们在微博上可以对图片进行向左转向右转等旋转操作,让用户可以从不同的视角欣赏图片效果。本 文将结合实例为您讲解如何使用Javascript结合相关技术来实现图片的旋转效果。我们使用HTML5的canvas标签可对图片进行旋转操作,对于 ie6,7,8不支持HTML5的浏览器,我们使用IE特有的滤镜效果来实现...阅读全文

Dec
26

分享一款基于jQuery的QQ表情插件

作者:月光光 时间:2012-12-26 21:10 标签:jQuery插件  jQuery 

我们在QQ聊天或者发表评论、微博时,会有一个允许加入表情的功能,点击表情按钮,会弹出一系列表情小图片,选中某个表情图片即可发表的丰富的含表情的内容。今天和大家分享一款基于jQuery的QQ表情插件,您可以轻松将其应用到你的项目中。阅读全文

Dec
19

HTML5本地存储

作者:月光光 时间:2012-12-19 22:02 标签:HTML5  本地存储 

HTML5带给我们的不仅仅是更多语义丰富的标签,还有更多新特性,比如本地存储。要在客户端 保存用户一些数据,我们首选使用cookie,但是cookie最多只能存储4kb,而HTML5的本地存储localStorage可以存储5M的数 据,这将对WEB开发以及移动终端应用带来革命性的转变。阅读全文

Dec
13

HTML5+CSS3打造可自动获得焦点和支持语音输入的超酷搜索框

作者:月光光 时间:2012-12-13 20:09 标签:HTML5  CSS3 

随着HTML5的深入人心,越来越多的新功能得以应用。HTML5与CSS3相结合可以非常简单的实现很多超酷的效果。本文为您讲解使用HTML5和CSS3打造自动获得焦点、支持语音输入的超酷的搜索框。阅读全文

Dec
11

timeago.js自动将时间戳转换为更易读的时间轴

作者:月光光 时间:2012-12-11 00:57 标签:jQuery  时间轴 

timeago.js是一款基于jQuery的时间处理插件,它可以轻易的将时间戳转换成如:5分钟前,约3小时前这样的更友好易读的时间轴,而且使用timeago.js无需刷新页面即自动更新页面时间的显示。阅读全文

Nov
26

使用jQuery和CSS将背景图片拉伸

作者:月光光 时间:2012-11-26 22:36 标签:jQuery  CSS 

现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片,让它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。阅读全文

Nov
22

jQuery+Ajax+PHP实现“喜欢”评级功能

作者:月光光 时间:2012-11-22 21:17 标签:jQuery  PHP  Ajax  评分 

有同学问我如何实现一个像美丽说那样的“我喜欢”评级功能,当用户看到自己喜欢的图片或文章时,点击“红心”按钮,系统会自动记录用户的点击,并将总数加1。这样再结合不同的系统,可以将此功能应用到投票或收藏商品中去(如淘宝的收藏商品)。阅读全文

Nov
18

jQuery实现返回顶部按钮效果

作者:月光光 时间:2012-11-18 13:37 标签:jquery  css 

当用户浏览很长的页面时,可以通过点击页面右下角的“返回顶部”按钮直达页面顶部,以方便用户进行下一步操作。本文将使用jQuery结合CSS实现可以自由定制的各种“返回顶部”的效果。阅读全文

Nov
05

jQuery+Ajax+PHP+Mysql实现分页显示数据

作者:月光光 时间:2012-11-05 22:26 标签:jquery  ajax  json  php 

这是一个典型的Ajax应用,在页面上,您只需要点击“下一页”,数据区将自动加载对应页码的数据,重新刷新数据区。类似的效果在很多网站上应用,尤其在一些需要展示大量图片数据的网页如淘宝商品列表页,Ajax分页效果让您的网站数据加载显得非常流畅。阅读全文

 

Oct
31

jQuery实现页面滚动时元素智能定位

作者:月光光 时间:2012-10-31 21:00 标签:jquery  滚动 

我们玩网页微博时,消息提示框一直会出现在页面右上方,即使下拉滚动条它都会浮动定位在右上 方,直到你关闭小时提示框。类似的效果在淘宝商品详情页面上也有,当我们下拉滚动页面时,用来导航切换的“宝贝详情”、“交易详情”等一排按钮会一直出现 在浏览器顶部,方便我们切换导航。阅读全文

Oct
29

一款基于jQuery的颜色拾取器

作者:月光光 时间:2012-10-29 23:11 标签:jquery  颜色拾取器 

颜色拾取器(又名取色板)是为了方便用户在一些需要使用颜色的WEB应用中直观的选择所需的颜色,如论坛发帖时使用的编辑器中就应用到了颜色拾取器。本文将给大家介绍一款非常好用的基于jQuery的颜色拾取器,它可以轻松便捷的应用到你的项目中去。阅读全文

Oct
17

HTML5应用之文件拖拽上传

作者:月光光 时间:2012-10-17 21:31 标签:HTML5  文件上传 

使用HTML5的文件API,可以将操作系统中的文件拖放到浏览器的指定区域,实现文件上传到服务器。本文将结合实例讲解HTML5+jQuery+PHP实现拖拽上传图片的过程,来看下HTML5的魅力吧。阅读全文

Oct
06

PHP生成各种验证码和Ajax验证

作者:月光光 时间:2012-10-06 20:11 标签:PHP  验证码  Ajax 

验证码在WEB应用中非常重要,通常用来防止用户恶意提交表单,如恶意注册和登录、论坛恶意灌水等。本文将通过实例讲解使用PHP生成各种常见的验证码包括数字验证码、数字+字母验证码、中文验证码、算术验证码等等以及其Ajax验证过程。阅读全文

Sep
26

根据IP定位用户所在城市信息

作者:月光光 时间:2012-09-26 20:45 标签:IP库  省市联动 

当我们在页面中填写个人资料中的省市信息时,页面会根据当前用户所在的城市自动选中省市下拉选项;当我们访问某个大型站点时,网站程序会自动进入到用户当前所在的城市频道。这些功能是如何实现的呢?今天我们来通过实例讲解如何根据IP定位用户所在城市信息。阅读全文

Sep
23

jQuery+php实现ajax文件即时上传

作者:月光光 时间:2012-09-23 19:13 标签:jQuery  PHP  Ajax  文件上传 

很多项目中需要用到即时上传功能,比如,选择本地图片后,立即上传并显示图像。本文结合实例讲解如何使用jQuery和PHP实现Ajax即时上传文件的功能,用户只需选择本地图片确定后即实现上传,并显示上传进度条,上传完成后,显示图片信息。阅读全文

Sep
12

基于jQuery+JSON的省市联动效果

作者:月光光 时间:2012-09-12 21:57 标签:jQuery  JSON  Ajax  省市联动 

省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统、电商网站最为常见。开发者一般使用Ajax实现无刷新下拉联动。本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果。阅读全文

Sep
05

HTML5应用之时钟

作者:月光光 时间:2012-09-05 22:41 标签:html5  javascript  canvas 

利用HTML5的Canvas API可以完成我们以前意想不到的动画效果,以前我们想在网页上放置一个时钟,需要先用flash工具制作一个钟表,并写上复杂的 ActionScript代码,然后载入到页面中。而HTML5的到来,我们可以直接在页面中使用canvas标签并配合javascript就可以完成 一个漂亮的时钟。阅读全文

Aug
22

PHP+jQuery+Ajax+Mysql实现发表心情功能

作者:月光光 时间:2012-08-22 14:06 标签:PHP  jQuery  Ajax 

我们在浏览网站文章或帖子后,需要表达自己浏览后的心情感受,在很多网站都提供了给用户发表心情的功能,通过这个功能可以直观统计分析文章或帖子的浏览者的心情感受数据。在本文中,您将了解到,如何实现通过点击心情图标,即刻发表自己的心情。阅读全文

Aug
16

HTML5之画布Canvas

作者:月光光 时间:2012-08-16 21:03 标签:html5  canvas 

HTML5最伟大之处在于引入了画布Canvas。Canvas元素是为了客户端点阵图形而设 计的,它本身没有绘图能力,但却把一个绘图API展现给客户端JavaScript以使脚本能够把想绘制的东西都绘制到一块画布上。本文将通过示例简单介 绍canvas的绘图功能。阅读全文

 


Aug
04

PHP+jQuery实现翻板抽奖

作者:月光光 时间:2012-08-04 14:59 标签:php  jquery  抽奖 

在电视节目中有一种抽奖形式暂且叫做翻板抽奖,台上有一个墙面,墙面放置几个大方块,主持人或者抽奖者翻开对应的方块即可揭晓中奖结果。类似的抽奖形式还可以应用在WEB中,本文将使用PHP+jQuery为您讲解如何实现翻板抽奖程序。阅读全文

Jul
29

使用jQuery+PHP+Mysql实现抽奖程序

作者:月光光 时间:2012-07-29 20:49 标签:jQuery  php  mysql  抽奖 

抽奖程序在实际生活中广泛运用,由于应用场景不同抽奖的方式也是多种多样的。本文将采用实例讲解如何利用jQuery+PHP+Mysql实现类似电视中常见的一个简单的抽奖程序。阅读全文

Jul
22

jQuery倒计时

作者:月光光 时间:2012-07-22 14:26 标签:jquery 

倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间。倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等。今天,我们来使用jQuery实现一个简单的倒计时功能。阅读全文

Jul
14

页面前端的水有多深?

作者:Lemon 时间:2012-07-14 12:13 标签:web 

但凡从事互联网的人基本都会写几行html,用过Word的人用Dreamweaver也能做 出规整的页面,所以大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实现,没 问题;兼容性,小case;图片集成,一直都在用...阅读全文

Jul
13

HTML5视频标签video

作者:月光光 时间:2012-07-13 15:51 标签:html5  video 

现阶段,我们要在网页中嵌入视频的最可靠最常用的办法是使用Flash,通过使用object 和embed标签,就可以通过浏览器播放swf,flv等格式视频文件,但是前提是浏览器必须安装第三方插件:Adobe Flash Player。而HTML5的到来,改变了这一事实,WEB开发者只需要使用video标签就可以轻松加载视频文件,而不需要任何第三方插件。阅读全文

Jul
09

jQuery+PHP+Mysql在线拍照和在线浏览照片

作者:月光光 时间:2012-07-09 20:28 标签:jQuery  PHP  Ajax 

本文用示例讲述了如何使用jQuery与PHP及Mysql结合,实现WEB版在线拍照、上传、显示浏览的功能,ajax交互技术贯穿本文始末,所以本文的读者要求具备相当熟悉jQuery及其插件使用和javscript相关知识,具备PHP和Mysql相关知识。阅读全文

Jun
28

Javascript+PHP实现在线拍照功能

作者:月光光 时间:2012-06-28 13:12 标签:Javascript  PHP 

我们在一些WEB应用中可能会遇到这样的情况,用户需要自己现场拍照并上传到会员系统。比如驾校采集指纹拍照流程、考试现场采集照片等。我们今天要讲的是如何使用javascript和PHP实现一个简单的在线拍照并上传的功能。阅读全文

Jun
13

使用HTML5的Audio标签打造WEB音频播放器

作者:月光光 时间:2012-06-13 22:41 标签:HTML5  audio 

目前,WEB页面上没有标准的方式来播放音频文件,大多数的音频文件是使用插件来播放,而众多 浏览器都使用了不同的插件。而HTML5的到来,给我们提供了一个标准的方式来播放WEB中的音频文件,用户不再为浏览器升级诸如Adobe Flash、Apple QuickTime等播放插件,只需使用现代浏览器就可以聆听任何可以发出声音的WEB网站。阅读全文

Jun
01

移动互联网时代的到来,使得我们在进行页面设计与开发时,应当根据用户行为以及设备环境(系统平台、屏幕尺寸)进行相应的响应和调整,这个理念也叫响应式WEB设计。今天我将给大家讲解当屏幕尺寸变小时,将横向菜单转换成下拉菜单的效果。阅读全文

May
25

jQuery实现多级手风琴菜单

作者:月光光 时间:2012-05-25 21:35 标签:jquery  菜单 

手风琴菜单一般用于下拉导航,由于外观非常简洁,使用起来跟手风琴一样可以拉伸和收缩而得名,项目中适当应用手风琴效果会给用户带来非常好的体验。本文借助jQuery插件轻松打造一个非常不错的手风琴效果的菜单。阅读全文
 

May
24

HTML5教程和参考手册分享

时间:2012-05-24 22:09 标签:html5 

HTML5是新兴的web技术,虽然不是完全的新技术但是已经有很多的相关报道介绍 HTML5,特别是当我们谈论HTML5将成为Flash的替代品。现代浏览器的快速开发已经刺激用户相应发展。毫无质疑,现在是学习HTML5的好时 间,大多数的公司例如Google,Youtube,Facebook都已经开始使用HTML5来建站了。阅读全文

May
20

使用PHP生成和获取XML格式数据

作者:月光光 时间:2012-05-20 11:50 标签:PHP  XML 

在做数据接口时,我们通常要获取第三方数据接口或者给第三方提供数据接口,而这些数据格式通常是以XML或者JSON格式传输,本文将介绍如何使用PHP生成XML格式数据供第三方调用以及如何获取第三方提供的XML数据。阅读全文

May
12

使用PHP导入Excel和导出数据为Excel文件

作者:月光光 时间:2012-05-12 22:43 标签:php  mysql  excel 

有时需要将Excel表格的数据导入到mysql数据库中,我们使用PHP的一个开源项目 PHP-ExcelReader可以轻松实现Excel的导入。另外将mysql数据导出为Excel与本站上篇文章中导出CSV一样,只是将逗号分割符 换成制表符,并修改header信息就可以了。阅读全文

May
02

使用PHP导入和导出CSV文件

作者:月光光 时间:2012-05-02 17:01 标签:PHP  Mysql  CSV 

项目开发中,很多时候要将外部CSV文件导入到数据库中或者将数据导出为CSV文件,那么具体该如何实现呢?本文将使用PHP并结合mysql,实现了CSV格式数据的导入和导出功能。阅读全文

Apr
22

JavaScript现在极其重要。一些网站使用JavaScript来增添魅力,如今的许多 Web应用程序依赖它,其中一些甚至是完全用JavaScript编写而成的。我在本文中将指出一些重要的规则,介绍如何使用你的JavaScript、 使用哪些工具以及你将从中得到什么好处。阅读全文

Apr
13

日期时间选择器:datetimepicker

作者:月光光 时间:2012-04-13 16:40 标签:jquery  jquery ui  日历  时间 

在上一篇文章中,我们了解了jquery ui提供的日期选择器:datepicker的使用,那么我们在应用中还会遇到选择日期的同时还要选择时间情况,大多数开发人员可能会使用下拉框实现选择 时分秒,而幸运的是有一个日期时间选择器:datetimepicker,它能将datepicker结合在一起,能在选择日期的同时选择时间。阅读全文

Apr
08

日期选择器:jquery datepicker的使用

作者:月光光 时间:2012-04-08 21:05 标签:jquery  jquery ui  日历 

在jquery ui中,提供了一个非常实用的日期选择器:datepicker,使用它能非常方便的展现日历中的日期,灵活配置相关选项,包括日期格式、范围等。我们经 常在WEB应用中用到datepicker,比如要求用户输入日期进行相关查询的。我们很早之前就应用datepicker到很多项目中,今天整理成文与 大家分享。阅读全文

Mar
30

浅谈响应式WEB设计

时间:2012-03-30 09:50 标签:响应式WEB  移动应用  Mobile 

在Web设计和开发领域,很快的,我们将会无法跟上设备与分辨率革新的步伐。对于多数网站来 说,为每种新设备及分辨率创建其独立的版本根本就是不切实际的;结果就是,我们将会赢得使用某些设备的用户群,而失去那些使用其他设备的用户。不过,或许 会有另外一种方式,可以帮助我们避免这种情况的发生。阅读全文

Mar
10

使用jQuery实现跨域提交表单数据

作者:月光光 时间:2012-03-10 21:28 标签:jQuery  getJSON  JSON 

我们在WEB开发中有时会遇到这种情况,比如要从A网站收集用户信息,提交给B网站处理,这个时候就会涉及到跨域提交数据的问题。本文将给您介绍如何使用jQuery来实现异步跨域提交表单数据。阅读全文

Mar
05

jqGrid表格应用——新增与删除数据

作者:月光光 时间:2012-03-05 11:56 标签:jqGrid  jQuery 

jqGrid可以结合fancybox等插件完成超酷的弹出层效果,通过与php后台交互,可以轻松完成数据的添加与详情查看,而这个过程完全是一个ajax异步通信过程,是一个非常友好的富客户端应用。阅读全文
 

Mar
01

jqGrid表格应用——读取与查询数据

作者:月光光 时间:2012-03-01 16:46 标签:jqGrid  jQuery  JSON  PHP 

jqGrid可以动态读取和加载外部数据,本文将结合PHP和Mysql给大家讲解如何使用jqGrid读取数据并显示,以及可以通过输入关键字查询数据的ajax交互过程。阅读全文

Feb
27

jqGrid中文说明文档——事件和方法

作者:月光光 时间:2012-02-27 12:53 标签:jqGrid  jQuery 

jqGrid提供了大量的事件和方法可以调用,方便开发者通过事件响应处理以及动态的调用方法来对jqGrid表格的操作,满足不同情况下的开发需求。了解jqGrid选项、事件及方法后,你可以尽情发挥,让jqGrid为你做更多的事情。阅读全文

Feb
26

jqGrid中文说明文档——选项设置

作者:月光光 时间:2012-02-26 13:37 标签:jqGrid  jQuery 

jqGrid提供了大量的选项设置,开发者可以通过设置选项对应值来控制jqGrid,比如表 格的宽度、高度、数据类型以及列名称等等都是通过选项设置来完成的。jqGrid的选项一般是名称:值(name:value)的形式,也可以是对象 (object)及数组(array)的形式配置。阅读全文

Feb
24

jqGrid:强大的表格插件的应用

作者:月光光 时间:2012-02-24 17:03 标签:jqGrid  jQuery  JSON  表格 

jqGrid是一款基于jQuery的功能强大的表格插件,使用jqGrid可以轻松实现前端页面与后台数据进行ajax异步通信,jqGrid运行速度相当快,可以很好的应用在一些后台管理系统来管理大量数据的场合。阅读全文

Feb
12

在数据统计和分析业务中,有时会遇到客户需要在一个图表中将柱状图、饼状图、曲线图的都体现出来,即可以从柱状图中看出具体数据、又能从曲线图中看出变化趋势,还能从饼状图中看出各部分数据比重。Highcharts可以轻松实现三图合一的效果。阅读全文

Jan
30

使用Highcharts结合PHP与Mysql生成饼状图

作者:月光光 时间:2012-01-30 18:12 标签:Highcharts  饼状图  PHP  JSON 

我们在做复杂的数据统计功能时会用到饼状图,饼状图用整个圆表示总体的数量或整体值1,用圆内各个扇形的大小表示各部分数量或该部分占总体的百分比,它可以清晰直观的表示各部分之间以及各部分与整体之间的数量关系。阅读全文

Jan
20

使用Highcharts生成柱状图

作者:月光光 时间:2012-01-20 10:04 标签:Highcharts  图表  柱状图 

柱状图广泛应用于数据统计和分析,它是由一系列高度不等的纵向条纹表示数据分布的情况,能够直观的表示数据间的差异。柱状图可以是纵向和横向排列,本文讲解通过Highcharts生成一个年度财经支出统计图和一个男女比例分布图。阅读全文

Jan
18

使用Highcharts生成折线图与曲线图

作者:月光光 时间:2012-01-18 22:05 标签:Highcharts  图表  折线图  曲线图 

折线图与曲线图可以显示随时间而变化的连续数据,因此非常适用于显示在相等时间间隔下数据的趋势。本文将结合Highcharts,生成一个城市气温变化折线图和一个随时间动态即时显示CPU走势的曲线图。阅读全文

Jan
16

Highcharts选项配置详细说明文档

作者:月光光 时间:2012-01-16 21:13 标签:Highcharts  图表 

Highcharts提供大量的选项配置参数,您可以轻松定制符合用户要求的图表,目前官网只提供英文版的开发配置说明文档,而中文版的文档网上甚少,且零散不全。这里,我把Highcharts常用的最核心的参数选项配置整理成文档,与大家分享。阅读全文

Jan
14

Highcharts-功能强大的图表库的应用

作者:月光光 时间:2012-01-14 14:25 标签:Highcharts  图表 

Highcharts是一款功能非常强大的纯javascript类库,它主要为您的WEB应用提供丰富漂亮且可互动的图表。目前,Highcharts支持图表类型有折线图,曲线图、区域图、区域曲线图、柱状图、饼状图、散布图。阅读全文
 

Jan
08

Flowplayer-一款免费的WEB视频播放器

作者:月光光 时间:2012-01-08 18:02 标签:WEB视频播放 

Flowplayer 是一个开源(GPL 3的)WEB视频播放器。您可以将该播放器嵌入您的网页中,如果您是开发人员,您还可以自由定制和配置播放器相关参数以达到您要的播放效果。本文主要介绍Flowplayer的使用。阅读全文

Jan
05

Ajax应用:使用jQuery和PHP实现功能开关效果

作者:月光光 时间:2012-01-05 23:14 标签:jquery  php  ajax 

在开发项目中,我们会经常碰到需要及时开启某项功能的情况,通过Ajax实现实时开启和关闭功能,无疑增强了用户体验。本文以360安全卫士的木马防火墙开关为背景,使用PHP、jquery、MYSQL实现了及时开启和关闭产品功能的WEB应用。阅读全文

Dec
24

滚屏加载--无刷新动态加载数据技术的应用

作者:月光光 时间:2011-12-24 16:36 标签:jquery,ajax  json  php 

我们浏览有些网页的时候,当拉动浏览器的滚动条时到页底时,页面会继续自动加载更多内容供用户浏览。这种技术我暂且称它为滚屏加载技术。我们发现很多网站用到这种技术,必应图片搜索、新浪微博、QQ空间等将该技术应用得淋漓尽致。阅读全文

Dec
09

图片延迟加载技术-Lazyload的应用

作者:月光光 时间:2011-12-09 16:13 标签:jquery  lazyload 

我们在浏览图片量非常大的页面时,像淘宝商城商品展示、必应图片搜索这类网站,图片的加载非常 流畅,其中就应用了图片延迟加载技术。本文讲解Lazyload图片加载插件,当我们打开页面时,首先在屏幕可视区域加载完图片,随着向下滚动页面,图片 会陆续加载,从而提升了页面打开速度。阅读全文

Nov
26

自适应的网格布局-砌墙效果

作者:月光光 时间:2011-11-26 16:04 标签:布局  jQuery插件 

我们使用新浪微博的时候,在“微博精选”页面里可以看到大量的微博信息。该页面信息主要是以图片配文字说明,页面使用了自适应网格布局即砌墙效果,图片加载技术,以及滚动加载内容技术。本文先介绍砌墙效果。阅读全文

在这篇文章中,我们将介绍15个让你的jQuery更加有效的技巧,大部分关于性能提升的,希望大家能够喜欢!阅读全文

Oct
28

构建一个用于产品介绍的WEB应用

作者:月光光 时间:2011-10-28 12:21 标签:jquery  用户体验 

为了让用户更好地了解您的产品功能,您在发布新产品或者升级产品功能的时候,不妨使用一个产品介绍的向导,引导用户熟悉产品功能和流程。本文将给您介绍一款优秀的用于产品介绍的WEB应用。阅读全文

Oct
08

使用Cookie和JSON记录用户最近浏览历史

作者:月光光 时间:2011-10-08 11:17 标签:cookie  JSON  jQuery 

在一些电商网站,有“商品浏览历史记录”这一功能,一些视频类、小说类的网站也能记录用户最近的浏览历史。本文将使用Cookie以及JSON来讲解如何实现这一功能。阅读全文

Sep
28

jQuery+CSS使用滑块选取价格范围

作者:月光光 时间:2011-09-28 12:57 标签:jquery  css  滑动 

在一些产品报价网站上,需要给出一系列价格范围供用户筛选,我们在筛选的范围之外再加一个自定义价格范围,这样为用户多提供了一种选择方式。本文将使用jQuery插件结合CSS实现使用滑块滑动的方式选择价格范围,请看本文讲解。阅读全文

Sep
22

jQuery+PHP+Mysql实现输入自动完成提示的功能

作者:月光光 时间:2011-09-22 14:11 标签:jQuery  PHP  Mysql  JSON 

我们在很多项目中使用了搜索功能来帮助用户更快更准确的找到想要的信息。本文将介绍如何实现用户输入自动提示的功能,就像谷歌百度搜索引擎一样,当用户输入关键字时,输入框下方会有提示,将与关键字相关的信息展现出来供用户选择,提升了用户体验。阅读全文
 

Sep
14

页面内容排序插件jSort的使用

作者:月光光 时间:2011-09-14 14:58 标签:jquery  排序 

当页面列表内容很多的时候,我们可能需要将内容按照某个方式进行排序,比如按照字母或者大小等排序。本文将使用排序插件jSort来对页面内容进行排序。阅读全文

Sep
06

PHP+jQuery+Ajax实现用户登录与退出

作者:月光光 时间:2011-09-06 09:46 标签:PHP  jQuery  Ajax  登录 

用户登录与退出功能应用在很多地方,而在有些项目中,我们需要使用Ajax方式进行登录,登录成功后只刷新页面局部,从而提升了用户体验度。本文将使用PHP和jQuery来实现登录和退出功能。阅读全文

Aug
23

jQuery+CSS实现垂直滚动效果

作者:月光光 时间:2011-08-23 14:04 标签:jQuery  CSS  滚动 

当要在页面上有限的区域内展示很多内容时,我们通常采用TAB切换、滚动等方式来达到展示效果。本例中,我们利用jQuery和CSS可以使页面内容产生垂直滚动的效果,还支持鼠标滚轮驱动。阅读全文

Aug
17

jQuery实现滑动显示图片的标题

作者:月光光 时间:2011-08-17 12:02 标签:jquery  滑动 

在一些图片网站上我们可以看到在展示图片的时候,用鼠标轻轻滑上图片可以看到该图片的文字介绍信息,其实用jQuery的animate函数就可以实现这样一个动画过程。阅读全文

Aug
10

jQuery+CSS实现的图片滚动效果

作者:月光光 时间:2011-08-10 09:44 标签:jquery  滚动 

本例实现了一系列图片滚动的效果,适合用在需要展示图片库或合作伙伴友情链接图片之类的网站首页。可以控制图片滚动的速度、自动/手动滚动图片、支持鼠标悬停等。阅读全文

Jul
29

使用jQuery和PHP将Fckeditor发布的内容进行无刷新分页

作者:月光光 时间:2011-07-29 12:48 标签:Fckeditor  jquery  php 

Fckeditor是一款所见即所得的WEB编辑器,它常被用作后台编辑发布信息。当要发布的内容很多很长时,就要考虑前台显示的分页效果了,本文将使用jQuery,并结合PHP,将Fckeditor发布的内容进行分页,并且实现无刷新切换页面。阅读全文

Jul
25

jQuery实现一个滚动的分步注册向导

作者:月光光 时间:2011-07-25 19:57 标签:jquery  表单  滚动 

使用jQuery实现很多很有意思的应用效果。我们在很多网站注册会员时,需要填写注册表单,包括登录信息、个人联系信息等,本文将带您一起体验jQuery实现的一个可以滚动的十分友好的分步注册向导。阅读全文

Jul
20

使用phpQuery轻松采集网页内容

作者:月光光 时间:2011-07-20 13:32 标签:phpQuery  jquery  php 

phpQuery是一个基于PHP的服务端开源项目,它可以让PHP开发人员轻松处理DOM文档内容,比如获取某新闻网站的头条信息。更有意思的是,它采用了jQuery的思想,你可以像使用jQuery一样处理页面内容,获取你想要的页面信息。阅读全文

Jul
07

Quicksand超炫的页面排序及过滤效果

作者:月光光 时间:2011-07-07 09:28 标签:jquery 

Quicksand是一款基于jQuery的插件,能对页面上的元素进行重新排序及过滤,并且有非常不错的洗牌过渡动画效果,可以应用在很多项目中来增强用户体验。本文以实际项目应用来讲解Quicksand的使用。阅读全文

Jun
23

Supersized:图片全屏展示效果

作者:月光光 时间:2011-06-23 14:23 标签:jquery  滑动 

Supersized是一款基于jQuery的功能强大的图片切换插件,可以应用在一些大型图片站的项目中,该插件可以将图片等比例拉伸充满整个浏览器屏幕,支持滑动、淡入淡出等多种图片切换效果。阅读全文

 

Jun
15

jQuery+PHP实现浏览更多内容

作者:月光光 时间:2011-06-15 09:34 标签:jquery  php  ajax  分页 

我们在一些微博网站上可以碰到这样的应用,微博内容列表没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击“查看更多”来加载更多记录。本文我将结合jQuery和PHP给大家讲述如何实现这种应用。阅读全文

Jun
01

使用CSS和jQuery制作漂亮的下拉选项菜单

作者:月光光 时间:2011-06-01 10:51 标签:css  jQuery  下拉菜单 

我们在进行表单设计时,可能要用到select下拉选项控件,遗憾的是,IE浏览器默认的select控件外观非常丑陋,而且不能用样式来控制,不能在选项中添加图片等信息。今天我将通过实例来讲解如何用CSS和jQuery来制作漂亮的下拉选项菜单。阅读全文

May
17

采用Jquery+Ajax+PHP+MySQL实现分类列表管理 - 下篇

作者:月光光 时间:2011-05-17 12:17 标签:jquery  ajax  mysql  php 

在上篇中,我们详细讲解了如何实现列表管理的新增和删除操作,可以看出,前端页面通过ajax与后台通信,根据后台处理结果响应前端页面交互操作,这是一个很典型的Ajax和JSON应用的例子。阅读全文

May
16

采用Jquery+Ajax+PHP+MySQL实现分类列表管理 - 上篇

作者:月光光 时间:2011-05-16 09:29 标签:jQuery  ajax  php  mysql  json 

在实际应用中,我们要管理一个客户分类,实现对客户分类的增加、删除和修改等操作,如何让这些操作变得更人性化,让用户操作起来更加方便成了我们必须研究的课题。阅读全文

May
13

基于jquery,php实现AJAX长轮询(LongPoll)

作者:小菜 时间:2011-05-13 10:07 标签:jquery  php  ajax 

HTTP是无状态、单向的协议,用户只能够通过客服端向服务器发送请求并由服务器处理发回一个响应。若要实现聊天室、WEBQQ、在线客服、邮箱等这些即时通讯的应用,就要用到“ 服务器推送技术(Comet)”。阅读全文

May
05

PHP获取一年中的每星期的开始日期和结束日期

作者:月光光 时间:2011-05-05 10:13 标签:php  日历 

项目中需要做个提交周报的功能,需要知道指定周数的开始日期和结束日期,以便处理其他业务。以下是一段通过PHP来获取一年中的每星期的开始日期和结束日期的代码,与大家分享。阅读全文

Apr
18

hiAlert:美化的网页对话框

作者:月光光 时间:2011-04-18 11:14 标签:hiAlert  jQuery插件 

厌烦了IE浏览器的警告窗,伴随着“咚”恐惧的一声,让人感觉好像有一种坏事情即将来临。而如今各浏览器对网页的弹出警告框(alert)、确认对话框(confirm)、输入框(prompt)显示效果不一,本文借助hiAlert插件来为您统一网页的对话框风格。阅读全文

Apr
12

jQuery信息提示工具

作者:月光光 时间:2011-04-12 14:58 标签:jquery  信息提示 

Poshy Tip是一款非常友好的信息提示工具,它基于jQuery,当鼠标滑向链接时,会出现一个信息提示条。信息的内容直接可以在HTML里设定也可以是从服务端调用的数据,该插件还提供了很多属性和方法。阅读全文

Apr
11

为未来的网页做设计(为移动设备一致体验做设计)

作者:finger 时间:2011-04-11 13:47 标签:移动设备 

本文推崇的是“因为现代人越来越生活net依存状态,ipad,3g等等,各种情况下人时时刻刻都在online状态中。所以如何让任何用户在任何情境下使用任何进入网络的工具...阅读全文

Mar
29

PHP+MySQL+jQuery实现贴便签功能

作者:月光光 时间:2011-03-29 08:42 标签:php  jquery  ajax  拖动 

相信很多网友见过类似许愿墙的程序,用户可以在网页上贴个许愿的纸条,并且可以拖动到页面的任意位置上。今天我要给大家演示的是使用PHP+MySQL+jQuery实现一个工作当中用到的贴便签纸的功能。阅读全文

 

Mar
21

PHP+MySQL+jQuery实现随意拖动层并即时保存拖动位置

作者:月光光 时间:2011-03-21 13:32 标签:PHP  MySQL  jQuery  拖动 

想拖动页面上的层,完全可以用jQuery ui的Draggable方法来实现,那如何将拖动后层的位置保存下来呢?本文将给出答案。本文讲解了如何采用PHP+MySQL+jQuery,实现随意拖动层并即时保存拖动位置。阅读全文

Mar
16

Nivoslider:丰富的图片切换效果

作者:月光光 时间:2011-03-16 14:25 标签:Nivoslider  jquery  图片切换 

Nivoslider是一款基于jQuery的,能实现多种切换效果的图片切换插件。Nivoslider提供了11种切换效果,支持多种参数配置和方法函数调用,使用简单,是一款非常理想的图片切换插件。阅读全文

Mar
14

ScrollTo:平滑滚动到页面指定位置

作者:月光光 时间:2011-03-14 12:13 标签:scroll  滚动  jQuery 

ScrollTo是一款基于jQuery的滚动插件,当点击页面的链接时,可以平滑地滚动到页面指定的位置。适用在一些页面内容比较多,页面长度有好几屏的场合,本文以DEMO为示例讲解该插件的应用。阅读全文

Mar
08

PHP的可变变量名

作者:PHPchina 时间:2011-03-08 10:26 标签:Php 

有时候可变的变量名会给编程带来很大的方便。也就是说变量名可以被动态的命名和使用。通常变量通过下面这样的语句来命名...阅读全文

Mar
02

Mapkey插件响应键盘快捷键操作

作者:月光光 时间:2011-03-02 09:32 标签:mapkey  jquery插件 

Mapkey是一款基于jQuery的能响应键盘所有按键操作插件,使用起来非常简单,而且可以支持触发按键对应的自定义函数。阅读全文

Mar
01

数据库技巧——MySQL十大优化技巧

作者:杰之蓝 时间:2011-03-01 10:21 标签:mysql 

WEB开发者不光要解决程序的效率问题,对数据库的快速访问和相应也是一个大问题。希望本文能对大家掌握MySQL优化技巧有所帮助。阅读全文

Feb
24

使用jQuery和CSS控制页面打印区域

作者:月光光 时间:2011-02-24 09:38 标签:jquery  css 

有时我们需要打印页面中的某一区域的内容,比如只打印页面中的表格部分,其他如页头和页脚都不需要打印。解决办法有多种,本文只探讨使用CSS和jQuery实现的方法。阅读全文

Feb
18

浅谈移动产品的交互效率

时间:2011-02-18 12:57 标签:移动  交互设计 

交互效率是产品可用性的重要组成部分,也是可用性评估的一个要点。相较传统互联网产品,当前移动产品在软硬界面的协同性以及网络环境方面还有很多差距,用户的交互效率处于比较低的水平。阅读全文

Feb
16

jqURL:页面地址处理插件

作者:月光光 时间:2011-02-16 10:59 标签:jqURL  jquery插件 

有时我们需要在客户端处理页面地址传递的参数,jqURL插件可以实现获取页面参数及参数值,获取页面URL地址,新开一个指定大小的窗口。阅读全文

Feb
11

使用livequery插件对动态创建的DOM元素进行事件绑定

作者:月光光 时间:2011-02-11 11:50 标签:livequery  jquery插件 

Livequery是一款基于jQuery的插件,主要作用是对动态创建的DOM元素进行事件绑定。比如我在页面中动态创建了一个新的按钮,需要通过单击新的按钮来完成某些操作,这个时候就可以用到livequery。阅读全文

 

Feb
10

PHP压缩解压缩类:PclZip

作者:seasun 时间:2011-02-10 05:01 标签:php 

PclZip是一个强大的压缩与解压缩zip文件的PHP类,PclZip library不仅能够压缩与解压缩Zip格式的文件;还能出压缩档的内容。同时也可以对现有的ZIP包进行添加或删除文件。阅读全文

Jan
28

支持键盘按键的jQuery导航应用

作者:月光光 时间:2011-01-28 12:16 标签:jquery 

在本文中我将为您介绍如何侦听用户键盘按键事件,通过使用键盘来切换导航菜单,也为用户提供了方便,从而使导航功能更加实用。阅读全文

Jan
25

使用jQuery+CSS制作动态下拉菜单

作者:月光光 时间:2011-01-25 14:15 标签:下拉菜单  jquery 

当要在一个有限的导航菜单空间放一个大的子菜单时,我们一般采用下拉菜单的形式来弥补空间的不足。本文将带大家用最少的时间,使用jQuery和CSS结合制作一个动态的下拉菜单。阅读全文

Jan
23

采用PHP函数uniqid生成一个唯一的ID

作者:月光光 时间:2011-01-23 12:17 标签:php 函数 

生成唯一ID的应用场景非常普遍,如临时缓存文件名称,临时变量,临时安全码等,uniqid()函数基于以微秒计的当前时间,生成一个唯一的 ID。由于生成唯一ID与微秒时间关联,因此ID的唯一性非常可靠。阅读全文

Jan
19

开发备必:WEB前端开发规范文档

作者:52css 时间:2011-01-19 11:24 标签:web前端 

为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.阅读全文

Jan
17

jNotify:操作结果信息提示条

作者:月光光 时间:2011-01-17 13:17 标签:jquery  信息提示 

我们在提交表单后,通过Ajax响应后台返回结果,并在前台显示返回信息,jNotify能非常优雅的显示操作结果信息。jNotify是一款基于jQuery的信息提示插件,它支持操作成功、操作失败和操作提醒三种信息提示方式。阅读全文

Jan
15

14个有用的jQuery技巧

作者:月光光 时间:2011-01-15 13:07 标签:jquery 

本文收集整理了14个很有用的jQuery技巧,与大家分享。阅读全文

Jan
14

使用PHP强制下载PDF文件

作者:月光光 时间:2011-01-14 10:19 标签:php  pdf 

我们有时会遇到这样一种情况,当需要下载一个PDF文件时,如果不经处理会直接在浏览器里打开PDF文件,然后再需要通过另存为才能保存下载文件。本文将通过PHP来实现直接下载PDF文件。阅读全文

Jan
10

使用jQuery结合PHP和MySQL读取和发表评论

作者:月光光 时间:2011-01-10 12:55 标签:jquery  php  ajax  json 

在本文中,我将带你一起使用PHP,MySQL和jQuery创建一个快速高效的发表评论的功能。您可以将此功能用在博客留言、产品评论等领域。阅读全文

Jan
10

2011年Web设计趋势:CSS3+HTML5居首位

作者:php100er 时间:2011-01-10 10:03 标签:web 

2011年你会如何设计呢?设计师的最终目标是留住用户,而不是让人炫目。所有得到惊讶声和赞叹声的设计师都很容易被忘记。高超的设计师可以创造出一种环境,吸引并迷住用户到不想点击"返回"按钮的地步。阅读全文
 

Jan
07

PHP+Mysql+jQuery实现动态展示信息

作者:月光光 时间:2011-01-07 09:41 标签:php  mysql  jquery 

在本文中,我将介绍如何在页面上实现动态展示用户发表的信息,将用户发表的信息逐条播放展示。该效果可以在展示系统动态、商品评论等场景应用。阅读全文

Jan
05

使用CSS让DIV固定位置

作者:月光光 时间:2011-01-05 13:01 标签:CSS 

本文将讲述如何使用CSS让DIV固定在页面的左侧,而页面右侧内容滚动时,左侧位置不随页面滚动。这种效果在很多地方得到应用。阅读全文

Jan
04

详谈CSS网页布局中容易发生的错误编码

作者:52css 时间:2011-01-04 09:24 标签:css 

随着CSS网页布局越来越普及,国内大部分网站已经采用CSS网页布局的制作方法。在应用DIV+CSS编码时很容易犯一些错误,这里列举一些常见的错误,帮助新手朋友更好的学习与进步。阅读全文

Dec
29

jQuery实现切换页面布局

作者:月光光 时间:2010-12-29 09:33 标签:jquery  布局 

在很多网站尤其在一些购物网站上,展示商品的列表页提供了许多商品,用户可以选择商品的展示方式如列表方式展示和橱窗方式展示等。在本例中,将给您讲述如何实现这种效果。阅读全文

Dec
28

说说web标签设计

作者:wangliang 时间:2010-12-28 12:51 标签:web 

在用户的搜索日志里,发现很多用户不去使用我们设计的标签,通常在外部搜索引擎里输入相关内容,搜索引擎匹配后,又回到了我们的页面,反反复复的浏览着我们的页面...阅读全文

Dec
24

jQuery实现图片与文本信息切换动画效果

作者:月光光 时间:2010-12-24 14:26 标签:jquery 

jQuery可以实现简单的动画效果,在本文中,当您用鼠标滑向图片时,图片开始滑动,并切换成图片的文本信息,当鼠标离开时,图片又还原成原样。阅读全文

Dec
21

通过刷新 PHP 缓冲区来加速你的站点

作者:avenger 时间:2010-12-21 20:23 标签:php 

在当前 PHP 版本的默认配置下,“输出缓冲(Output Buffering)”是被打开的。旧版本则不是这样,在旧版本的 PHP 中,字符串在每次被输出的时候(通过 echo 或 print 函数),都会触发一次发送到客户端浏览器的动作。阅读全文

Dec
16

如何让DIV水平和垂直居中

作者:月光光 时间:2010-12-16 08:53 标签:CSS  DIV 

我们在设计页面的时候,经常要把DIV居中显示,而且是相对页面窗口水平和垂直方向居中显示,如让登录窗口居中显示。我们传统解决的办法是用纯CSS来让DIV居中。在本文中,我将给大家讲述如何用CSS和jQuery两种方法让DIV水平和垂直居中。阅读全文

Dec
13

jQuery实现无刷新切换主题皮肤功能

作者:月光光 时间:2010-12-13 12:49 标签:jquery  cookie 

主题皮肤切换功能在很多网站和系统中应用,用户可以根据此功能设置自己喜欢的主题颜色风格,增强了用户体验。本文将围绕如何使用jQuery实现点击无刷新切换主题皮肤功能。阅读全文

Dec
13

CSS原理与CSS经验分享

作者:Jacky 时间:2010-12-13 08:56 标签:CSS 

很多人用了很久的css却从来也不知道css是怎么去工作的,写出来的css浏览器是怎么样去解析的呢?所以往 往在一定阶段之后,就变成了进一步提高css水平的一个瓶颈。我将从以下进行分析。早期的网页浏览器只支援简易版本的HTML。阅读全文

 

Dec
08

jQuery实现列表框双向选择操作

作者:月光光 时间:2010-12-08 12:55 标签:jquery  列表框 

对列表框的操作经常碰到过这样的应用:从左侧的列表框中选中要选的项添加到右侧列表框中,然后提交最终选择的项,对误操作而选中的项还可以执行移除操作。在很多系统中应用比如说求职网站的选择意向工作地区,QQ好友管理添加好友到组。阅读全文

Dec
07

收集整理一些常用的MySQL命令

作者:php100er 时间:2010-12-07 13:06 标签:MySQL 

MySQL命令行是学习MySQL数据库必须要掌握的知识,下面就为您介绍了10个好用的MySQL命令行,希望对您学习MySQL命令行方面能有所帮助。阅读全文

Dec
06

jQuery+PHP+MySQL实现二级联动下拉菜单

作者:月光光 时间:2010-12-06 12:43 标签:jQuery  php  mysql  JSON  下拉菜单 

二级联动下拉菜单选择应用在在很多地方,比如说省市下拉联动,商品大小类下拉选择联动。本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果。阅读全文

Dec
03

为扫描而设计

作者:CN 时间:2010-12-03 10:01 标签:页面设计  布局 

当我们设计一个页面或者一个banner的时候,往往挖空心思去想创意,或者把效果做得很炫,却忽略了一些用户习惯。我这里所说的只是一些大家都知道,却往往容易忽略的——为扫描而设计。阅读全文

Dec
01

使用jQuery操作Cookies

作者:月光光 时间:2010-12-01 13:18 标签:jquery  cookie 

Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术。当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。阅读全文

Nov
29

jQuery实现浮动层跟随页面滚动效果

作者:月光光 时间:2010-11-29 09:02 标签:jquery  滚动 

在本文中,我将介绍一个可以跟随页面滚动的层效果,当用户滚动鼠标滚轮或者拖动浏览器滚动条时,浮动层将跟随滚动。我通过实例讲解相关插件的应用以及使用时注意事项。阅读全文

今天在工作中遇到这样一个问题:使用jquery ui的datepicker日历控件,获取选中的日期,并且要将日期转换成日期对象格式,如:Tue Nov 30 00:00:00 UTC+0800 2010,以便与其他代码对接。阅读全文

Nov
25

移动设备的网页设计

作者:陈大龙 译 时间:2010-11-25 10:28 标签:移动互联网  移动设备 

为移动环境而调整一个站点是巨大的挑战。许多在网页设计上的技巧及感官效果将无法在移动设备上完好呈现,反之亦然。移动设备是以不同的限制来尝试新事物的好地方。人们访问移动网页通常不像在电脑屏幕前那样有耐心...阅读全文

Nov
22

基于鼠标滚轮驱动的图片切换效果

作者:月光光 时间:2010-11-22 12:43 标签:jquery  滑动 

jQuery可以制作出与Flash媲美的动画效果,这点绝对毋庸置疑,本文将通过实例演示一个基于鼠标滚轮驱动的图片切换效果。其中JS源码来自网络,我只做了略微的改动,现将实例与大家分享。阅读全文

Nov
19

jQuery性能优化指南

时间:2010-11-19 10:03 标签:jquery 

现在jquery应用的越来越多, 有些同学在享受爽快淋漓coding时就将性能问题忽略了, 比如我. jquery虽在诸多的js类库中性能表现还算优秀, 但毕竟不是在用原生的javascript开发, 性能问题还是需要引起重视的. 在twitter上发现了这篇文章, 简单的摘译了一下.阅读全文

 

Nov
17

jQuery通过Ajax向PHP服务端发送请求并返回JSON数据

作者:月光光 时间:2010-11-17 10:13 标签:jquery  ajax  json  php 

服务端PHP读取MYSQL数据,并转换成JSON数据,传递给前端Javascript,并 操作JSON数据。本文将通过实例演示了jQuery通过Ajax向PHP服务端发送请求并返回JSON数据。阅读本文的读者应该具备jQuery、 Ajax、PHP相关知识,并能熟练运用。阅读全文

Nov
15

可编辑的表格(续集):jQuery实现对所编辑内容的验证

作者:月光光 时间:2010-11-15 09:09 标签:jquery  表格 

之前我写了一篇关于用jQuery+PHP实现实时编辑表格字段内容文章,通过实例一步步讲解了实现过程,但是还有一个问题,就是如何验证重新编辑的字段内容的有效性,如邮箱地址是否符合规范等。本文将对此问题做出解答。阅读全文

Nov
11

jQuery实现往返城市和日期输入查询

作者:月光光 时间:2010-11-11 13:59 标签:jQuery  suggest  日历 

大多旅游网站上都提供了一个城市和日期输入查询的功能。用户在输入框中只需输入城市的拼音或者简称就可以即时查询到相关城市的名称,选择日期时则是出现两个月的日历控件,只需点选日期即可,整个操作简捷明了。阅读全文

Nov
09

简单实用的图片幻灯片效果:Choco-Slider

作者:月光光 时间:2010-11-09 10:31 标签:jquery插件  滑动 

Choco-Slider是一个轻量级(大约7kb),灵活的jQuery图片Slider插件。用户可以定制过渡动画效果,包括百叶窗翻动和淡入淡出效果,可以定义是否自动播放和播放间隔时间等参数。当然也是跨浏览器兼容的。阅读全文

Nov
05

可编辑的表格:jQuery+PHP实现实时编辑表格字段内容

作者:月光光 时间:2010-11-05 12:43 标签:jquery  php  jeditable  json 

在本例中,我们会通过jQuery实现单击将一个文本信息变为可编辑的表单,你可以对文本内容进行编辑,然后点击“确定”按钮,新的内容将发送到后台PHP程序处理,并保存到数据库;当点击“取消”按钮,则页面恢复到初始状态。阅读全文

Nov
04

有关CSS透明技巧的介绍

作者:52css 时间:2010-11-04 09:37 标签:css  透明 

这篇汇总主要是提供一些CSS不透明的详细介绍,代码示例和解释,以实现这项有用的CSS技术在您的项目中兼容所有浏览器。阅读全文

Nov
01

jQuery实现拖动布局并将排序结果保存到数据库

作者:月光光 时间:2010-11-01 14:08 标签:拖动  jquery  ajax  php 

最近的项目中涉及到了用户个性化定制首页的需求,用户要求可以随意拖动首页模块的位置,来实现个性化的布局。本文讲解如何使用jquery和PHP实现拖动布局并将拖动后的布局位置保存到数据库。阅读全文

Oct
29

现有商品的评分体系不完美

作者:Gotitea 时间:2010-10-29 10:21 标签:评分 

在电子商务领域,产品的评分和评价体系是必不可少的,这甚至是高过传统商务模式的优点,逛街购物永远无法知道某一个实体商店的评分和评价。评分和评价体系的目的是对商品的附加服务进行量化考核。阅读全文

Oct
26

jQuery+PHP实现星级评分

作者:月光光 时间:2010-10-26 14:21 标签:jquery  php  评分 

很多网站都应用了星级评分效果,让用户可以对正在浏览的文章、电影、资源等进行评分,让网站增添了几分互动效果。本文将讲解如何使用jQuery和PHP来实现星级评分效果。阅读全文

Oct
22

CSS布局:让页底内容永远固定在底部

作者:月光光 时间:2010-10-22 16:38 标签:css 

我们在设计一些页面内容甚少的网页时(典型应用就是登陆页面),由于显示器的分辨率大,在正常情况下,假如页面内容高度小于浏览器高度时,页面底部以下会留下很大的空间...阅读全文

 

Oct
20

合理限制用户的操作

作者:显玉 时间:2010-10-20 15:32 标签:用户体验 

我们要做的是帮助用户在执行任务时预防错误,前提是要能“帮助”。所以我们是需要“合理”限制的用户操作。我们的目的是,让用户绕开不正确的操作,从而避免错误的发生。阅读全文

Oct
19

PHP+Mysql+jQuery实现发布微博程序--PHP篇

作者:月光光 时间:2010-10-19 13:01 标签:php  jquery  ajax 

在上一篇文章中,我讲解了如何用jQuery实现输入表单的实时字数统计和Ajax提交数据到后台的功能。本文将重要介绍后台是如何处理前台提交的数据,并返回结果的。阅读全文

Oct
18

PHP+Mysql+jQuery实现发布微博程序--jQuery篇

作者:月光光 时间:2010-10-18 13:17 标签:jquery  ajax  php 

我们在QQ个人中心或者新浪微博等网站上可以看到一个发表话题的应用。该应用实现了即时统计输入字数,并且通过ajax与后台交互,将输入内容插入到话题列表中。我将整个流程分为两部分,本文讲解第一部分jquery实现前端交互操作。阅读全文

Oct
15

Fancybox丰富的弹出层效果

作者:月光光 时间:2010-10-15 15:55 标签:Fancybox  jquery插件  窗口效果 

Fancybox是一款优秀的jquery插件,它能够展示丰富的弹出层效果。前面我们有文章 介绍了facybox弹出层效果,相比facybox,fancybox显得功能更为齐全,它除了可以加载DIV,图片、图片集、Ajax数据,还能加载 SWF影片,iframe页面等等。阅读全文

Oct
14

多级下拉菜单:superfish的应用

作者:月光光 时间:2010-10-14 16:32 标签:superfish  下拉菜单  jquery插件 

superfish是一款可以制作多级下拉菜单的jquery插件,支持水平和垂直方向的菜单,下拉的菜单不会被标签select遮挡,支持动态下拉效果,如垂直向下伸展,支持阴影效果(IE6除外),用户可定制样式。阅读全文

Oct
14

PHP中JSON的应用

时间:2010-10-14 11:34 标签:php  json 

互联网的今天,AJAX已经不是什么陌生的词汇了。说起AJAX,可能会立即想起因RSS而兴起的XML。不可否认,XML是很不错的数据存储方式,但是其灵活恰恰造成了其解析的困难。当然,这里所指的困难,是相对于本文的主角--JSON而言。阅读全文

Oct
12

PHP+Mysql+jQuery实现查询和列表框选择操作

作者:月光光 时间:2010-10-12 13:39 标签:php  ajax  jquery 

本文讲解如何通过ajax查询mysql数据,并将返回的数据显示在待选列表中,再通过选择最终将选项加入到已选区,可以用在许多后台管理系统中。本文列表框的操作依赖jquery插件:Multiselect。阅读全文

Oct
11

使用AD Gallery制作强大的相册画廊

作者:月光光 时间:2010-10-11 16:56 标签:AD Gallery  相册  jquery插件 

AD Gallery是一个带缩略图导航浏览,可设置照片标题和备注说明信息的jQuery相册插件。该插件提供了许多可配置的参数和方法,具有很强的定制功能。阅读全文

Oct
11

PHP实现时间轴函数

作者:月光光 时间:2010-10-11 13:51 标签:PHP  时间轴 

本文介绍如何用PHP将时间显示为“刚刚”、“5分钟前”、“昨天10:23”等时间轴形式,而不是直接显示具体日期和时间。阅读全文

Oct
09

Multiselect:操作多选列表框

作者:月光光 时间:2010-10-09 11:44 标签:Multiselect  jquery插件  表单操作 

Multiselect是一个采用jQuery实现的两边多选列表控件。可以将需要选定的项目从左边添加到右边的列表框中。或者将不需要的项目从右边列表框中删除。阅读全文

 

Oct
05

JavaScript的parseInt取整

作者:mg12 时间:2010-10-05 06:50 标签:parseInt 

JavaScript 是弱类型语言,为了保证数值的有效性,在处理数值的时候,我们可以对数值字符串进行强行转换。如 parseInt 取整和 parseFloat 取浮点数。 阅读全文

Sep
28

FacyBox弹出层效果

作者:月光光 时间:2010-09-28 11:11 标签:弹出层  jquery插件  fancybox 

FacyBox是一款基于jquery的lightbox控件,它可以让你在你的网站上展示图片(可以浏览多张图片,支持键盘方向键)、Div或通过Ajax加载的内容,而且使用非常简单。阅读全文

Sep
25

jquery信息提示框——clueTip的应用

作者:月光光 时间:2010-09-25 09:35 标签:clueTip  jquery插件 

clueTip是一款非常不错的,基于jQuery的信息提示插件。当鼠标滑向链接或者页面中 的元素,会出现一个漂亮的提示框。提示框里的内容可以是本页面上的,也可以是通过ajax加载的的页面,clueTip还提供了许多可配置的参数,用户可 以根据实际情况定制不同的效果和样式。阅读全文

Sep
20

jFlow:jQuery内容滑动特效插件的应用(二)

作者:月光光 时间:2010-09-20 15:06 标签:jFlow  jQuery插件  滑动 

大概在一个多月前,我写了一篇文章,大概介绍了jFlow内容滑动插件的应用,有朋友问我要求 提供更多的样式参考。关于jFlow基本应用,大家可以参考前面我写的文章:jFlow:jQuery内容滑动特效插件的应用,本文是上篇文章的续集,主 要介绍如何运用CSS样式来设计不同效果的滑动界面。阅读全文

Sep
17

实例讲解表单验证插件Validation的应用

作者:月光光 时间:2010-09-17 11:41 标签:validation  jquery插件  表单验证 

jquery.Validation是一款优秀的jquery插件,它能对客户端表单进行验 证,并且提供了许多可以定制的属性和方法,良好的扩展性。现在结合实际情况,我把项目中经常要用到的验证整理成一个实例DEMO,本文就是通过讲解这个实 例来理解Validation的应用。阅读全文

Sep
15

php生成随机密码的几种方法

时间:2010-09-15 17:07 标签:php 

使用PHP开发应用程序,尤其是网站程序,常常需要生成随机密码,如用户注册生成随机密码,用户重置密码也需要生成一个随机的密码。随机密码也就是一串固定长度的字符串,这里我收集整理了几种生成随机字符串的方法,以供大家参考。阅读全文

Sep
13

图片裁剪:CropZoom插件的应用

作者:月光光 时间:2010-09-13 09:18 标签:CropZoom  jQuery插件 

我们在使用QQ空间或者开心网等网站的个人中心时,有个上传个人头像的功能。用户在上传自己的照片后,由于照片尺寸不符合网站的要求,要求用户对照片进行裁剪,最终根据用户裁剪的尺寸生成头像。阅读全文

Sep
10

密码强度检测:passwordStrength

作者:月光光 时间:2010-09-10 16:13 标签:jquery插件  表单验证 

我们设定密码强度等级为10,制作一张图片表示每个等级状态,给密码框绑定keyup事件,通过keyup事件获取密码值,然后使用正则进行判断密码强度等级,然后变换相应的图片。阅读全文

Sep
09

在局限下设计

作者:臭鱼 时间:2010-09-09 10:47 标签:交互设计 

目前,关注可用性的交互设计,注重视觉效果的GUI都是这样的。好的设计思路应当是:在目前的 技术可实现条件下,尽可能的应用、利用技术手段,很好的信息传达。而不是,凭空想象一个最完美、最理想的方案,然后略带鄙夷的摇头长叹技术实现有困难,不 得不退而求其次,最终认为是因为程序员水平有限而葬送了自己的伟大设计。阅读全文

Sep
07

jqTransform:呈现更美的表单

作者:月光光 时间:2010-09-07 16:30 标签:jqTransform  jQuery插件 

jqTransform,是DFC Engineering写的一个jQuery的样式插件,用于美化表单元素,使用方便简单,能美化所有表单元素包括input,radio,textarea,select,checkbox。阅读全文
 

Sep
03

纯CSS技术实现链接列表悬停效果

作者:月光光 时间:2010-09-03 17:21 标签:css 

当鼠标滑向链接块时,展示悬停的效果,这种效果在很多网站用到。本文要说的悬停效果是用纯CSS实现当指鼠标滑向链接时出现的悬停效果。阅读全文

Sep
02

详解CSS网页布局中默认字体样式

时间:2010-09-02 15:32 标签:css 

浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。阅读全文

Aug
31

PHP+jQuery实现Ajax分页效果:jPaginate插件的应用

作者:月光光 时间:2010-08-31 17:44 标签:jPaginate  jQuery插件  Ajax  分页 

jPaginate是基于jQuery的动感滚动分页插件,它的表现形式是像分页的按钮一样,非常有意思的是这些按钮却可以滚动,可以通过单击或鼠标滑向点两侧的小箭头来控制按钮的前后滚动。阅读全文

Aug
24

文字滚动效果marquee插件的应用

作者:月光光 时间:2010-08-24 18:34 标签:marquee  jquery插件 

工作中会遇到这种情况,要在有限的网页空间里放下大段的文字内容,我们会想到用到文字滚动效果。文字滚动效果能充分利用网页的空间、有效地增加网页的内容,可以把新闻...阅读全文

Aug
20

DIV+CSS网页布局对网站搜索引擎优化的影响

作者:52css 时间:2010-08-20 09:31 标签:DIV+CSS  搜索引擎优化 

网站优化使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面...阅读全文

Aug
17

jFlow:jQuery内容滑动特效插件的应用

作者:月光光 时间:2010-08-17 15:16 标签:jFlow  jQuery插件  滑动 

jFlow是一款非常好的内容滑动(也有人称幻灯片)jquery插件,它主要用在网站的首页突出位置用来展示网站的最新动态、最新活动或最新产品等。阅读全文

Aug
16

Open Flash Chart + PHP + Mysql生成动态图表

作者:月光光 时间:2010-08-16 11:18 标签:Open Flash Chart  PHP 

前面文章我简单介绍了Open Flash Chart2(OFC)的使用方法,本文将以笔者做过的实际项目为例,介绍通过PHP读取MYSQL数据库里的数据,然后生成JSON数据,再通过FLASH渲染成漂亮的动态饼状图的方法。阅读全文

Aug
12

Open Flash Chart 超强的图表生成组件

作者:月光光 时间:2010-08-12 11:34 标签:Open Flash Chart  图表 

Open flash chart是一款非常强大且非常绚丽的图表生成组件,而且开源免费。 2.0的版本数据格式完全用JSON来处理,非常灵活,官方提供了各种接口程序,包括PHP/PHP5、Pear、Python、Java、Dotnet,调用也非常简单。阅读全文

Aug
09

悟道web标准:前端性能优化

时间:2010-08-09 17:20 标签:web标准 

前端性能优化完全是一个技术话题,但是对于项目的用户体验有非常大的影响,如果你的网站打开要等待三五秒或者等到浏览器提示无法连接,那网站哪来的流量,哪来的品牌影响和用户忠诚度,挣钱就算了。阅读全文

Aug
06

图片放大镜-Cloud Zoom

时间:2010-08-06 18:21 标签:图片放大镜  jquery插件 

Cloud Zoom是一个图像放大jQuery插件,效果堪比Magic Zoom。相对于流行jQZoom插件,Cloud Zoom体积小,有更多的功能和更强大的跨浏览器兼容性。阅读全文

 

Aug
02

大型网站架构不得不考虑的10个问题

作者:PHP100er 时间:2010-08-02 16:19 标签:架构 

这里的大型网站架构只包括高互动性高交互性的数据型大型网站,基于大家众所周知的原因,我们就不谈新闻类和一些依靠HTML静态化就可以实现的架构了,我们以高负载高数据交换高数据流动性的网站为例...阅读全文

Jul
28

CU3ER:神奇惊人的3D图片切换效果

作者:月光光 时间:2010-07-28 16:22 标签:CU3ER  图片切换 

CU3ER是一个很不错的幻灯片图片切换、滑动flash,它基于XML。采用的是3D方式进行图片切换。只需简单的配置一下xml文件就可以拥有炫目的3D效果的图片展示。阅读全文

Jul
28

当我们把做好的页面通过W3C validation验证时,验证程序抛出大量差错和警告,说明你的XHTML尚未完善,可能无法在不同浏览器上保持一致功能。下面十个细微的失效问题难 住了大批程序员,本文就告诉你如何解决。在本文开始前介绍一些使用W3C验证程序时需要注意的问题。 阅读全文

Jul
08

WAMP5的配置问题

时间:2010-07-08 11:01 标签:WAMP5 

设置phpmyadmin.在WampServer安装完成后,通过http://localhost/打开后可以看到WampServer自带的一个简单的页面,里面有phpinfo、phpmyadmin和sqlitemanager三个工具。阅读全文

Jun
26

让IE6更快的走向灭亡

时间:2010-06-26 21:14 标签:IE6 

最近关于浏览器的最重要的事情就是IE的极光0day漏洞了,这个漏洞导致包括Google在内的多家美国公司受到黑客的攻击,当然也有很多色情网站被黑客利用,从而使用户受到严重的攻击,而IE6用户首当其冲,成为该漏洞的最大受害者。阅读全文

Jun
20

一个网站如果需要国际化,就需要将编码从GB2312转成UTF-8,其中有很多的问题需要注意,如果没有转换彻底,将会有很多的编码问题出现!阅读全文

Jun
08

关于PHP5 Session生命周期介绍

时间:2010-06-08 17:07 标签:Session 

PHP5有很多值得学习的地方,这里我们主要介绍PHP5 Session的使用,Session 是如何来判断客户端用户的呢?它是通过 Session ID 来判断的,什么是 Session ID,就是那个 Session 文件的文件名,Session ID 是随机生成的,因此能保证唯一性和随机性,确保Session 的安全。阅读全文

May
28

PHP检查库或函数是否可用的方法

时间:2010-05-28 03:21 标签:PHP  函数 

随着版本的升高,PHP的功能也越来越完善,可用的扩展库和函数也越来越多,因此,我们写程序时也要考虑版本的兼容问题,同时还要考虑服务器(特别是虚拟主机)是否安装了扩展库。 阅读全文

May
13

那些正在消失的Flash网站

时间:2010-05-13 02:14 标签:flash 

Flash 以绚丽的视觉效果,丰富的交互体验著称,它曾被推崇备至,然而,随着上网设备越来越广泛,很多不支持 Flash 的移动设备在访问 Flash 站点时遇到了问题,与此同时,W3C Web 标准越来越受重视,JavaScript 与 HTML5 也为 Web 带来接近 Flash 的体验,Flash 的式微无可避免。阅读全文

May
08

推荐3个所谓的“顶级”CSS技巧

时间:2010-05-08 11:07 标签:css 

我们在进行DivCSS布局的时候,非常关注CSS技巧的学习,今天向大家推荐3个所谓的“顶级”CSS技巧!虽然没有什么新意,但对新手而言却非常重要!阅读全文

 

May
04

国外30个使用很酷的JS滑动和滚动效果的网站

作者:神飞 时间:2010-05-04 23:47 标签:JS滑动 

之前我们用Flash做按钮和画廊等,现在jQuery、Mootools、 Scriptallicious、YUI和Prototype等JavaScript框架可以用轻量的代码来获得和Flash一样的效果,从而可以替换掉 Flash,这也同样给网站开发人员和设计师很大的创意空间。阅读全文

Apr
30

关于中英数字混排的字符串分割问题

时间:2010-04-30 16:44 标签:字符串 

要用到短信平台的缘故,短信每条又有字数的限制,而短信平台的服务端又不会自己分析。 短信平台的后台会自己分割,但api却有没这个功能。在网上找了一点时间,发现都不怎样。 后来就自己想了个办法,算是原创吧。 只是用截取加替换的功能。阅读全文

Apr
30

DIV CSS网页布局 让搜索引擎蜘蛛不再累

时间:2010-04-30 16:33 标签:DIV CSS 

CSS文件的链接方式 1、附加链接:外部CSS文件 2、导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中 阅读全文

Apr
29

精简CSS文件 使您的CSS网页布局代码更专业

作者:52css 时间:2010-04-29 14:29 标签:CSS  网页架构 

众所周之,在不影响整个网页构架与功能的情况下,网页文件越小越好,因为更小的网页文件有利于浏览器对网页的解释时间缩到更短,自然访客也就不用面临等待网页缓慢呈现的烦躁了,这一点对于那些带宽少网速慢的用户犹为明显。阅读全文

Apr
13

Web设计(UI/UE)经验的总结

作者:月光光 时间:2010-04-13 15:14 标签:Web设计  UI  UE 

网站的设计应该尽量清楚和有条理,以便他们能够容易的找到想要购买的产品。阅读全文

 


 


 

 


 


 

 


 



 

普通分类: