Jquery将用户名密码存储到cookie中 需要导入jquery.js和jquery.cookie.jstest cookie$(document).ready(function () {if ($.cookie("rmbUser") == "true") {$("#ck_rmbUser").attr("checked", true);$("#txt_username").val($.cookie("username"));$("#txt_password").val($.cookie("password"));}});//记住用户名密码function Save() {if ($("#ck_rmbUser").attr("checked")) {var str_username = $("#txt_username").val();var s...
HTML5提供了地理位置定位功能（Geolocation API），能确定用户位置，我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5，借助百度、谷歌地图接口来获取用户准确的地理位置信息。 定位功能（Geolocation）是HTML5的新特性，因此只有在支持HTML5的现代浏览器上运行，特别是手持设备如iphone，地理定位更加精确。首先我们要检测用户设备浏览器是否支持地理定位，如果支持则获取地理信息。注...
本文实例讲述了jQuery实现手机号码输入提示功能的方法。分享给大家供大家参考。具体实现方法如下：jQuery手机号码输入提示*{margin:0;padding:0;} #main{width:728px;height:300px; padding:60px;margin:0 auto; border:5px solid #CCC; } input{border: 1px solid #666;} .a{border: 1px solid red;} .text-magnifier { background:none repeat scroll 0 0 #FFFFE4; border:1px solid #E6C99E; color:#FF4800; height:50px; left:...
本文实例讲述了jQuery实现企业网站横幅焦点图切换功能的方法。分享给大家供大家参考。具体如下：jQuery淡出淡入带缩略图幻灯片.flashBanner{width:782px;height:326px; overflow:hidden;margin:0 auto; } .flashBanner{position:relative;} .flashBanner .mask{height:32px;line-height:32px; background-color:#000;width:100%; text-align:right;position:absolute;left:0; bottom:-32px;filter:alpha(opacity=70); -moz-opacity...
本文实例讲述了jQuery基于图层模仿五星星评价功能的方法。分享给大家供大家参考。具体实现方法如下：无标题文档$(function(){ $(".star li").mouseenter(function(){$(".star li").css("background","#f60");$(this).css("background","#f60");$(this).nextAll().css("background","#ccc");}) });* {padding:0;margin:0;list-style:none; float:left;} .star li {float: left;height: 20px;width: 20px;background-color: #CCC;ma...
本文实例讲述了JQuery实现带排序功能的权限选择。分享给大家供大家参考。具体实现方法如下：select{width:100px;height:100px;float:left;margin:10px;} #main{float:left;width:100px;text-align:center;margin:10px;} #main input{width:100px;}var myJson = [{ "id": "1", "Name": "刘德华", "Age": "52" },{ "id": "2", "Name": "文章", "Age": "26" },{"id":"3","Name":"孙红雷","Age":"40"},{ "id": "4", "Name": "葛优"...
HTML5有一个重要特性：DeviceOrientation，它将底层的方向和运动传感器进行了高级封装，它使我们能够很容易的实现重力感应、指南针等有趣的功能。本文将结合实例给大家介绍使用HTML5的重力运动和方向传感器实现手机摇一摇效果。 DeviceOrientation包括两个事件： 1、deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方向数据，例如手机所处角度、方位、朝向等。 2、deviceMotion：封装了运动传感器数据的...
这是一个非常实用的投票实例，应用在双方观点对抗投票场景。用户可以选择支持代表自己观点的一方进行投票，本文以红蓝双方投票为例，通过前后台交互，直观展示红蓝双方投票数和所占比例，应用非常广泛。本文是一篇综合知识应用类文章，需要您具备PHP、jQuery、MySQL以及html和css方面的基本知识。本文在《PHP+MySql+jQuery实现的“顶”和“踩”投票功能》一文基础上做了适当改进，共用了数据表，您可以先点击了解这篇文章。 HTML我...
当我们浏览网页时，我们想对网页内容如文章、评论中的观点持赞同或反对意见时，可以通过点击网页中的“顶”和“踩”来进行投票。而整个交互过程，开发者可以通过ajax异步来实现，从而提高用户体验。 本文结合实例，讲解使用PHP+MySql+jQuery实现的“顶”和“踩”投票功能，通过记录用户IP，判断用户的投票行为是否有效，该实例也可以扩展到投票系统中。如果您具备PHP、MySql和jQuery相关基础知识，那么请继续往下阅读。 准备我们先...
下文通过简单的代码实现此功能，并通过效果图展示给大家。 一、具体实现代码代码如下:window._bd_share_config={"common":{"bdSnsKey":{}, "bdText":"","bdMini":"2","bdPic":"","bdStyle":"0","bdSize":"16"},"share":{} ,"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到：","viewSize":"16"}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')...
实现发表心情功能通过php+jquery+ajax+mysql技术，大致流程我先给大家理下：主页index.html页面通过ajax获取心情图标及柱状图相关数据，当用户点击其中的一个心情图标时，向后台php发送请求，php对用户cookie验证（是否是首次提交），然后将数据库对应的心情字段内容加1，成功后返回前端页面，告诉首页index页面发表成功，并调整柱状图和统计数据。 请看效果图：html： 先看HTML，我们在index.html中放置一个#msg，用来显示操作结果...
本文实例讲述了jQuery实现下拉框选择图片功能。分享给大家供大家参考。具体如下： 让下拉框中显示图片，并可选择对应图片，让select下拉框不仅可显示文字，还可以显示图片内容。为了更生动些，这里还加入了jQuery动画效果，当展开Select列表的时候，图片渐变显示。使用了一个jQ插件：imageselect.js，使用效果的朋友可以自己下载吧。 运行效果截图如下：具体代码如下：支持图片选择的jQuery列表框插件imageselect.js.jqis{position...
本文实例讲述了jQuery+css3实现Ajax点击后动态删除功能的方法。分享给大家供大家参考。具体如下： 这里使用jquery实现ajax动态删除一个方框，并带有动画缓冲效果，在google plus网站发现的特效，在此献丑模仿了一番，已基本与Google Plusp功能相同，你可在方框中加入一些内容，jquery插件选的版本是1.6.2,更高版本也是可以的。 运行效果截图如下：具体代码如下：jQuery+css3实现Ajax动态点击删除功能jQuery.easing['jswing'] = jQu...
本文实例讲述了jQuery实现的仿select功能。分享给大家供大家参考。具体如下： 这里重新再次与大家分享jQuery仿select功能，这个实现起来倒不复杂，就当研究一下jQuey插件的用法啦，还望大家喜欢。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-fselect-cha-method-codes/ 具体代码如下：jQuery select.select-my ul,.select-my li{margin:0;padding:0; } .select-my{position:absolute;min-width:10...
本文实例讲述了jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码。分享给大家供大家参考。具体如下： 这里实现圆角表单，圆角输入框，无刷新验证，漂亮唯美，是对这款基于HTML5/CSS3/jQuery来实现的表单效果的简要概括，用HTML5可以实现很多超乎寻常的效果，从此你会喜欢上HTML5,会骂一下万恶的IE,到现在IE8还不支持HTML5，正悲哀着呢。 先来看看运行效果截图：在线演示地址如下： http://demo.jb51.net/js/2015/jquery-htm...