引言在诺亚财富项目中，使用到了通讯录，如果只是简单的查看，我个人觉得可能过于单调，于是就在查看的基础上，增加了点击滑动的效果。目的有两个：1.体验不错。2.通讯录的数据量较大，我们在点击一个模块的同时，使这个模块滑动至最上层，可视范围也会变大。效果点击一个模块，页面即开始向上滑动，直到这个模块至于页面最上层。这是点击前的地方，我们点击运营中心：点击后就会有一个滑动的动画使这个模块滑动到顶部：实现获取元...
很简单的一个小例子 jQuery Mobile + PHP 通过超全局 $_FILES 上传,然后用move_uploaded_file()方法把上传的图片移动到到本地服务器下的文件夹, 下面是html和php的代码代码如下:校园祭首页创新实验代码如下: <?php if ($_FILES["file"]["error"] > 0) { echo "Return Code: " . $_FILES["file"]["error"] . ""; } else { echo "Upload: " . $_FILES["file"]["name"] . ""; echo "Type: " . $_FILES["file"]["type"] . ""; echo "Si...
用户登录与退出功能应用在很多地方，而在有些项目中，我们需要使用Ajax方式进行登录，登录成功后只刷新页面局部，从而提升了用户体验度。本文将使用PHP和jQuery来实现登录和退出功能。 准备数据库本例我们使用Mysql数据库，创建一张user表，表结构如下：CREATE TABLE `user` ( `id` int(11) NOT NULL auto_increment, `username` varchar(30) NOT NULL COMMENT 用户名, `password` varchar(32) NOT NULL COMMENT 密码, `login_time...
ECharts地图主要用于地理区域数据的可视化，展示不同区域的数据分布信息。ECharts官网提供了中国地图、世界地图等地图数据下载，通过js引入或异步加载json文件的形式调用地图。效果演示 源码下载 本文将结合实例讲解如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据，我们以中国地图为例，展示去年（2015年）我国各省份GDP数据。通过异步请求php，读取mysql中的数据，然后展示在地图上，因此本文除了你掌握前端知识外，...
我们在很多项目中使用了搜索功能来帮助用户更快更准确的找到想要的信息。本文将介绍如何实现用户输入自动提示的功能，就像谷歌百度搜索引擎一样，当用户输入关键字时，输入框下方会有提示，将与关键字相关的信息展现出来供用户选择，提升了用户体验。 本文将使用jquery ui的autocomplete插件，结合后端PHP，数据源通过PHP读取mysql数据表的数据。XHTML 首先将jquery库和相关ui插件，以及css导入。代码如下: <link rel="stylesheet"...
本文实例讲述了jQuery使用JSONP实现跨域获取数据的三种方法。分享给大家供大家参考，具体如下： 第一种方法是在ajax函数中设置dataType为jsonp $.ajax({dataType: jsonp,url: http://www.a.com/user?id=123,success: function(data){//处理data数据} });第二种方法是利用getJSON来实现，只要在地址中加上callback=?参数即可 $.getJSON(http://www.a.com/user?id=123&callback=?, function(data){//处理data数据 });第三种方法是使用...
基于jQuery+Cookie实现的防止刷新的在线考试倒计时$(function() {var _minute = parseInt("${exampaper.paperTime }");var _expiresHours = _minute * 60 * 1000;if(!hasSetCookie()){addCookie("${examinee.examineeId}", _expiresHours, _expiresHours);} settime($("#remainTime")); });function hasSetCookie(){var strCookie = document.cookie;var arrCookie = strCookie.split("; ");for (var i = 0; i 0) {var date = new...
有如下代码： 代码如下:第1个li元素第2个li元素第3个li元素第4个li元素第5个li元素第6个li元素第7个li元素第8个li元素但是页面只显示前5个li(相关css不做赘述)，想要循环显示li里面的内容就是在制定的时间将ul向上移动li的高度，于此同时将第一个li加到ul中li的末尾。 代码如下： 代码如下:function autoScroll(obj, ul_bz){$(obj).find(ul_bz).animate({marginTop : "-25px"},500,function(){$(this).css({marginTop : "0px"})...
这次给大家带来jQuery实现滚动图片淡入淡出功能，jQuery实现滚动图片淡入淡出的注意事项有哪些，下面就是实战案例，一起来看一下。下面是上下滚动源码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>向上滚动代...
首先看一下自定义提示框的效果图 alert 普通的提示当然可以自定义样式confrim 确认框 支持callback代码如下: //message 提示的信息 ,callback(true/false)回调函数window.shconfirm = function (message, callback) 回调函数参数为 true/falseprompt 邀请用户输入框代码如下: //message 提示的信息 ,callback(msg)回调函数（用户输入的消息）, param：regex 输入的 正则验证，regexmsg 正则验证不通过的提示window.shprompt = fun...
首先，用到两个jQuery函数，JSON.parse（Json字符串转对象）和JSON.stringify（对象转JSON字符串） 我这里的分成两次封装，因为数据不在一个页面里。 这是第一个页面： $(".color-gray").click(function(){ var detail = new Object();//自定义一个空对象 将获取的参数放入这个对象 detail.userName = $(input[data-node="userName"]).val(); detail.userSex = $(".userSex").val(); detail.detail = $(input[data-node="address"]...
Jquery实现自定义tooltip,具体代码如下 代码如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication247.Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> #tooltip {...
这次给大家带来jQuery+JSONP跨域需要怎样实现，jQuery+JSONP跨域实现的注意事项有哪些，下面就是实战案例，一起来看一下。了解了jsonp之后，大家应该也都明白了，jsonp主要就是用来实现跨域的获取数据，今天我们就来详细探讨下如何在实际中应用jsonp实现跨域 JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 s...
图片轮播有很多种方式，这里采用其中的 淡入淡出形式 js原生和jQuery都可以实现，jquery因为封装了很多用法，所以用起来就简单许多，转换成js使用，其实也就是用js原生模拟出这些用法。 但不管怎样，构造一个最基本的表现层是必须的简单的图片轮播一般由几个部分构成。 对于淡入淡出式 1.首先是个外围部分（其实也就是最外边的整体wrapper) 2.接着就是你设置图片轮播的地方（也就是一个banner吧） 3.然后是一个图片组（可以用新的d...
很简单的一个小例子 jQuery Mobile + PHP 通过超全局 $_FILES 上传,然后用move_uploaded_file()方法把上传的图片移动到到本地服务器下的文件夹, 下面是html和php的代码代码如下:校园祭首页创新实验代码如下: <?php if ($_FILES["file"]["error"] > 0) { echo "Return Code: " . $_FILES["file"]["error"] . ""; } else { echo "Upload: " . $_FILES["file"]["name"] . ""; echo "Type: " . $_FILES["file"]["type"] . ""; echo "Si...