【jQuery实现手机号码输入提示功能实例_jquery】教程文章相关的互联网学习教程文章

基于Jquery与WebMethod投票功能实现代码_jquery【图】

1:功能描述 1)最好是若干个星星组成,用户投票时候只要鼠标点击星星就可以实现投票,可以自定义星星个数 2)未投票、投票中、完成投票,星星的样式不同 3)每个星星的都可以自定义提示 比如 “差” “一般” “还好” “不错” 4)完成投票后,动画展示投票结果并且不可再投票 2:思路描述 1、3)使用循环,最大值是星星的个数,每次循环添加一条的语句,这条超链接通过Class指定星星样式,通过title指定鼠标移到时显示的文字,循...

jQuery幻灯片插件(带缩略图功能)_jquery【图】

应朋友的邀请,帮他公司做一个幻灯播放效果,效果如下: 缩略图正中间的为当前播放到的图片,两边呈发散状,逐渐缩小并降低透明度。假设当前正播放到第0张图片,则排列情况如下:     0    1 4   2   3   按逆时针方向转一张图后的排列情况如下:     4    0 3   1    2   这个只是缩略图的播放效果,缩略图轮转时,后面有对应大图跟着从右到左滚进,并且大图进入的速度要对应着缩略图轮...

jquerytrim()功能源代码_jquery

代码如下:// Used for trimming whitespace trimLeft = /^\s+/, trimRight = /\s+$/, // Use native String.trim function wherever possible trim: trim ? function( text ) { return text == null ? "" : trim.call( text ); } : // Otherwise use our own trimming functionality function( text ) { return text == null ? "" : text.toString().replace( trimLeft, "" ).replace( trimRight, "" ); },分析:jquery trim() 作用...

从零开始学习jQuery(十)jQueryUI常用功能实战_jquery【图】

一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本文是实战篇. 使用jQueryUI完成制作网站的大部分常用功能. 二.前言 经过公司内部收集, 整理了一些经常使用javascript实现的功能. 实现这些功能的主角不是让人眼花缭乱的jQuery插件, 而是jQuery UI. 如果你还在为了一个小小的特效而去下载并安装插件, 发现Bug还没有人替你解决. 记住插件...

基于jquery循环map功能的代码_jquery

废话少说,看代码 代码如下: var map = { 地名: ["北京","天津","上海"], 民族: ["汉族","藏族","维吾尔族"] }; $.each(map,function(key,values){ console.log(key); $(values).each(function(){ console.log("\t" + this); }); }); 如果安装了firebug,控制台输出如下树状结构: 地名   北京   天津   上海 民族   汉族   藏族   维吾尔族 注意:jquery中的$().each和$.each的区别,前者只能遍历数组,后者可以遍历...

jquery中实现简单的tabs插件功能的代码_jquery【图】

言归正传,以下是全文。 先附上两张最简单的效果图。首先编写简单的HTML代码。用作tabs的UL标签和包含内容的p标签。 海阔天空光辉岁月真的爱你简单起见,我只写三个。 今天我,寒夜里看雪飘过。怀着冷却了的心窝飘远方……仍然自由自我,永远高唱我歌,走遍千里。 钟声响起归家的讯号,在他生命里仿佛带点唏嘘……自信可改变未来,问谁又能做到。 无法可修饰的一对手,带出温暖永远在背后……请准我说声,真的爱你。 所有外观不用图...

扩展jquery实现客户端表格的分页、排序功能代码_jquery【图】

下载代码和示例:jqueryPaging.rar 使用方法如下: 代码如下: $("#myTable").tablePaging({ pageSize: 5, sorting: true, sortSelector: ".js-Order", sortType: "number" }); 如果仅仅用分页功能:$("#myTable").tablePaging(); 参数说明: id: jQuery(this).attr('id'), // 要分页的表格的ID pageSize: 10, // 单个页面显示记录数,默认是10条 sorting: false,//是否要进行排序,默认不排序 sortDirection: 'asc', //排序顺序...

jquery.cookie.js操作cookie实现记住密码功能的实现代码_jquery

代码如下: //初始化页面时验证是否记住了密码 $(document).ready(function() { if ($.cookie("rmbUser") == "true") { $("#rmbUser").attr("checked", true); $("#user").val($.cookie("userName")); $("#pass").val($.cookie("passWord")); } }); //保存用户信息 function saveUserInfo() { if ($("#rmbUser").attr("checked") == true) { var userName = $("#user").val(); var passWord = $("#pass").val(); $.cookie("rmbUser"...

使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能(含后台代码)_jquery

需要引入插件jquery.md5.js 可直接在IIS下运行; 用户名:Ethan.zhu 密 码:123456789 完整文件下载:WebApplication1_jb51.rar首先将按钮单击事件的异步验证提取出来作为一个单独的函数,需要将按钮单击事件里面的变量提取出来定义为全局变量,并且增加一个变量editPass(用来标记是自己输入密码,还是从cookies中读取的密码) 代码如下: var wrongTypeName, //用户名的错误类型,可以直接作为错误提示信息数组的下标 wrongTypeP...

基于jquery实现的类似百度搜索的输入框自动完成功能_jquery【图】

废话不多说,直观的看一下: 实现这个功能需要服务端配合。客户端通过脚本来展示从服务端取得的数据。先看客户端的HTML: 代码如下: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 搜索词自动完成 #search{ text-align: center; position:relative; } .autocomplete{ border: 1px solid #9ACCFB; background-color: white; text-align: left; } .autocomplete li{ list-style-type: none; } .clickable { cu...

基于jQuery的让textarea支持Ctrl+Z步步撤销功能_jquery

代码相对不多。 主要的是: 代码如下: var log = []; $(function () { var txt = window.setInterval(function () { if (log[log.length - 1] != $("#t").val()) { log[log.length] = $("#t").val(); } }, 1500); var isCtrl = false; $(document).keydown(function (e) { if (e.which === 17) isCtrl = true; if (e.which === 90 && isCtrl === true) { log.pop(); $("#t").val(log[log.length - 1]).blur(); } }).keyup(functio...

自己动手制作jquery插件之自动添加删除行功能介绍_jquery【图】

这是一个我认为功能基本完善的插件,它包括添加、删除、插入、上下移动、索引标识、 数量控制等功能,基本上能满足大部分多行添加的需求,当然,在完成这些功能的前提下,我也尽量保持较少的代码量和易理解的逻辑性。这个插件的演示页面是http://www.lovewebgames.com/demo/autoAdd/autoAdd.html ,引用自己动手制作jquery插件之自动添加删除行(上)里的介绍,这是一个简单的插件,它的作用是:一个系统中有大量的需要对一个行进行复...

jBox2.3基于jquery的最新多功能对话框插件常见使用问题解答_jquery【图】

插件说明 - jBox 是一款基于 jQuery 的多功能对话框插件,能够实现网站的整体风格效果,给用户一个新的视觉享受。 运行环境 - 兼容 IE6+、Firefox、Chrome、Safari、Opera 等主流浏览器。 使用授权 - jBox 永久免费使用,但是必须保留相关的版权信息。如果有好的建议,可以直接在下面留言。 版本:2.3 大小:19.8k 下载:点击下载 在线demo:http://www.kudystudio.com/jbox/jbox-demo.html [2011-11-08] jBox v2.3 beta 版本更新 ...

jQueryJcrop插件实现图片选取功能_jquery【图】

总的来说,原理很简单,大致流程是:在浏览器上加载原图 用矩形框在原图上选取区域并将选取的顶点坐标和矩形尺寸发送至服务器 服务器端用图片切割算法切割原图并输出切割后的图片。下面我们就分别对这几个步骤详细展开讨论分析,并在最后附上小demo供大家参考。 1、在页面上加载原图 这个就不用多说了,就是在页面上显示一张图片,一个img标签搞定,不过为了下一步演示,还是贴一下代码 2、用矩形框在原图上选取区域 这个我们要...

初学Jquery插件制作在SageCRM的查询屏幕隐藏部分行的功能_jquery【图】

解决思路:1、 在标题处增加一个【—】【+】号,供用户点击。 2、 用户收缩和展开屏幕的行为保存在Cookie里面。页面重新加载或者用户重新登录系统,仍然能记住用户的行为。    优点:1、使用Jquery插件的形式来做,容易扩展。容易实现。   2、 保存在Cookie的行为,容易实现,减少工作量,用户也能接收。如保存在数据库,则增加页面的负载。   缺点:不能每个页面使用单独行为,既是:每次用户的收缩和扩展在系统都是全局的。...

功能 - 相关标签
实例 - 相关标签