Welcome 微信登录

首页 / 脚本样式 / JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JavaScript多并发问题如何处理

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

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

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

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

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

Jquery日历插件制作简单日历

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

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

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

Jquery+Ajax+PHP+MySQL实现分类列表管理（上）

2017年02月06日 11 阅读
在实际应用中，我们要管理一个客户分类，实现对客户分类的增加、删除和修改等操作，如何让这些操作变得更人性化，让用户操作起来更加方便成了我们必须研究的课题。准备阶段您需要具备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实现分类列表管理（下）

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

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

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

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

2017年02月06日 11 阅读
本文实例讲述了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 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图