Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery+PHP+MySQL二级联动下拉菜单实例讲解

jQuery+PHP+MySQL二级联动下拉菜单实例讲解

二级联动下拉菜单选择应用在在很多地方,比如说省市下拉联动,商品大小类下拉选择联动。本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果。实现效果:当选择大类时,小类下拉框里的选项内容也随着改变。实现原理:根据大类的值,通过jQuery把值传给后台PHP处理,PHP通过查询MySQl数据库,得到相应的小类,并返回JSON数据给前端处理。XHTML首先我们要建立两个下拉选择框,第一个是大类,第二个是小类。大类的值可以是预先写好,...
使用Chart.js图表库制作漂亮的响应式表单

使用Chart.js图表库制作漂亮的响应式表单

入门基础Chart.js是一个基于HTML5的开源图表库,可以方便简洁的绘制美观的图表。主要特性包括:1、支持6种不同的表格类型:曲线图、柱状图、饼状图、雷达图、极坐标区域图、环图。2、基于HTML5开发,支持所有浏览器(包括IE7/8).3、不依赖于其他任何库,仅有4.5k大小,并且可以进行定制。Chart.js 是一个基于 HTML5 canvas 的响应式、灵活的、轻量化的图表库。库中提供了六种不同的图表类型,每种类型都带有一系列的自定义选项。如果这...
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果

jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果

本文实例讲述了jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果。分享给大家供大家参考,具体如下:这里演示jQuery实现鼠标移动到链接上,滑动展开/隐藏图片效果,鼠标放在“上一页”“下一页”上,立即浮现出所对应的图片,有点提前预览的味道,让用户知道下一页或下一页的大致内容,很好的提升了用户体验。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-mouse-over-link-pic-show...
JavaScript如何调试有哪些建议和技巧附五款有用的调试工具

JavaScript如何调试有哪些建议和技巧附五款有用的调试工具

以下内容是关于javascript如何调试有哪些建议和技巧的相关知识,具体详情请看下文吧。浏览器开发者工具我个人最喜欢Chrome开发者工具。虽然Safari和Firefox无法达到Chrome那么高的标准,但它们也在逐渐改善。在Firefox中,可以将Firebug和Firefox开发者工具组合使用。如果Firefox小组在改进内置开发者工具方面继续表现优异的话,Firebug有一天可能会被淘汰。先把个人偏好放在一边,你应该能够在目标浏览器中对任意代码进...
jquery实现的动态回到顶部特效代码

jquery实现的动态回到顶部特效代码

本文实例讲述了jquery实现的动态回到顶部特效代码。分享给大家供大家参考,具体如下:这款jquery动态回到顶部特效,不是一下子就回到了网页顶部,而是带点缓冲的效果,有动画效果,使用了jQuery插件,这是个非常常用的网页特效,希望大家喜欢哦。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-back-top-dh-style-codes/具体代码如下:<!DOCTYPE html PUBL...
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)

jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)

本文实例讲述了jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)。分享给大家供大家参考,具体如下:这里介绍的jQuery拉动页面固定顶部显示,及自动消失效果,可能ie浏览器下有问题,不过火狐什么的都可以运行看效果,一个简单的网页特效,也是很常用的“回到顶部”效果,有兴趣的看一下。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-fix-top-cha-show-codes/具体代码如下...
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式

基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式

前言在面向对象的编程范式中,封装都是必不可少的一个概念,而在诸如 Java,C++等传统的面向对象的语言中, 私有成员是实现封装的一个重要途径。但在 JavaScript 中,确没有在语法特性上对私有成员提供支持, 这也使得开发人员使出了各种奇技淫巧去实现 JS 中的私有成员,以下将介绍下目前实现 JS 私有成员特性的几个方案以及它们之间的优缺点对比。现有的一些实现方案约定命名方案约定以下划线"_"开头的成员名作为私有成员,仅允许类成员方法访问调用,外部不...
JS实现双击屏幕滚动效果代码

JS实现双击屏幕滚动效果代码

本文实例讲述了JS实现双击屏幕滚动效果代码。分享给大家供大家参考,具体如下:这里演示双击滚屏效果代码的实现方法,不知道有觉得有用处的没,现在网上还有很多还在用这个特效的呢,代码分享给大家吧。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-db-click-src-scroll-style-codes/具体代码如下:<html><SCRIPT language=JavaScript>...
JavaScript多并发问题如何处理

JavaScript多并发问题如何处理

经常在写代码的时候碰到这样的场景:页面初始化时显示loading页,同时启动多个ajax并发请求获取数据,当每个ajax请求返回时结束loading。举个例子,一个下订单的页面,要查询常用地址信息、商品信息、地市信息…而这些请求都是异步的,希望等到所有数据加载完成后再允许用户操作。要实现这个场景容易碰到的一个问题就是多并发怎么控制?下面是一些解决方法和思路:并行改为串行如果业务逻辑本身是串行的,但是提供的请求方式又是异步的,可以考虑此方法。但本场景显然不是...
开启Javascript中apply、call、bind的用法之旅模式

开启Javascript中apply、call、bind的用法之旅模式

我希望能够通过这篇文章,能够清晰的提升对apply、call、bind的认识,并且列出一些它们的妙用加深记忆。apply、call 在 javascript 中,call 和 apply 都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部 this 的指向。JavaScript 的一大特点是,函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。先给大家列出一段代码示例:function...
使用CoffeeScrip优美方式编写javascript代码

使用CoffeeScrip优美方式编写javascript代码

JavaScript无疑是在web最伟大的发明之一,几乎一切网页动态效果都是基于它丰富的计算能力。而且它的能力在各种新的JavaScript的Engine下也越来越强了,比如Google Chrome用的V8 Engine。但是由于诞生的太早,有很多语法定义在今天看来有些效率低下了,一些更加先进的语法形式,由于历史原因,没办法加入到现在的JavaScript语言中,可以说一种遗憾。世界上的很多天才都在为构建更好的JavaScript而努力。已经有了很多尝试...
Jquery日历插件制作简单日历

Jquery日历插件制作简单日历

在页面开发中,经常遇到需要用户输入日期的操作。通常的做法是,提供一个文本框(text),让用户输入,然后,编写代码验证输入的数据,检测其是否是日期类型。这样比较麻烦,同时,用户输入日期的操作也不是很方便,影响用户体验。如果使用jQuery UI中的datepicker(日历)插件,这些问题都可以迎刃而解。该插件调用的<span style="color:#cc66cc;"><strong>语法格式</strong><...
自己动手写的jquery分页控件(非常简单实用)

自己动手写的jquery分页控件(非常简单实用)

最近接了一个项目,其中有需求要用到jquery分页控件,上网也找到了需要分页控件,各种写法各种用法,都是很复杂,最终决定自己动手写一个jquery分页控件,全当是练练手了。写的不好,还请见谅,本分页控件在chrome测试过,其他的兼容性不知道怎么没时间测试呢。欢迎有同样需求的小伙伴采用,在使用过程发现有问题欢迎提出批评建议。css:@charset "utf-";* {margin:px;padding:px;font-family:"微软雅黑";font...
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)

Jquery+Ajax+PHP+MySQL实现分类列表管理(上)

在实际应用中,我们要管理一个客户分类,实现对客户分类的增加、删除和修改等操作,如何让这些操作变得更人性化,让用户操作起来更加方便成了我们必须研究的课题。准备阶段您需要具备HTML和Jquery等前端知识,以及基本的PHP程序和MySql数据库相关知识。要实现本文中的DEMO示例,首先需要一个mysql数据库:CREATE TABLE `catalist` (`cid` int(11) NOT NULL auto_increment,`title` varc...
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)

Jquery+Ajax+PHP+MySQL实现分类列表管理(下)

在上篇中,我们详细讲解了如何实现列表管理的新增和删除操作,可以看出,前端页面通过ajax与后台通信,根据后台处理结果响应前端页面交互操作,这是一个很典型的Ajax和JSON应用的例子。本文将继续上篇文中的示例,完成编辑操作。编辑项操作用户通过单击“编辑”按钮,相应的项会立即变为编辑状态,出现一个输入框,用户可以重新输入新的内容,然后点击“保存”按钮完成编辑操作,也可以单击“取消”按钮取消编辑状态。首先,通过单击“编辑”按钮,实现编辑状态,在global.j...
JS实现网页右侧带动画效果的伸缩窗口代码

JS实现网页右侧带动画效果的伸缩窗口代码

本文实例讲述了JS实现网页右侧带动画效果的伸缩窗口代码。分享给大家供大家参考,具体如下:这是一款带缓冲效果的网页右侧固定伸缩窗口,点击带颜色的区域,浮动的层窗口就会伸缩出来,再次点击则缩进去。无jQuery,完全JavaScript实现的效果。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-right-dh-dlg-style-codes/具体代码如下:<!DOCTYPE html PUBLIC "...
JS模拟酷狗音乐播放器收缩折叠关闭效果代码

JS模拟酷狗音乐播放器收缩折叠关闭效果代码

本文实例讲述了JS模拟酷狗音乐播放器收缩折叠关闭效果代码。分享给大家供大家参考,具体如下:这是一款模拟酷狗音乐播放器的关闭特效,采用JavaScript实现,关闭的时候播放界面缩成一条线,然后消失,就像有些电视机突然停电的效果,很有意思的网页动画特效。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-kugou-music-player-style-demo/具体代码如下:<!DOCTYPE html...
<< 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 >>