那一抹温暖的阳光,是我们永恒的向往。
www.webbar.cn

给Jquery添加alert,prompt方法,类似系...Browse:7709

给Jquery添加alert,prompt方法,类似系统的Alert,Prompt,可以响应键盘,支持拖动

我们在调用系统的Alert,prompt的弹出提示时,不同的系统会有不同的提示框,视觉效果不统一,而且不好看,功能单一,现在我们通过Jquery模拟Alert,prompt,现实统一视觉效果,而且内容丰富的弹出提示。 Jquery可以扩展自己的功能,如果对Jquery开发插件不熟悉的人可以到官方网去看看文档,比较简单易懂。 <font >/* *  本插件基于JQUERY *  Jquery版本: 1.7.2 *        Date:2012-06-28 *      Author:Kingwell *      E-mail:jinhua.leng##gmail.com * *  ---------- 接口说明: ---------- * *  --本插件采用kw命名空间,给Jquery添加静态方法,故调用方法为  $.kw.方法名...

时间:2014-06-01
标签: ,
评论:0

用html5 js实现浏览器全屏Browse:11182

用html5 js实现浏览器全屏

项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果。 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以让页面中的图片,视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 全屏 var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); } //FireFox else if (docElm.mozRequestFullScreen) { docElm.mozRequestFullScreen(); } //Chrome等 else if (docElm.webkitRequestFullScreen) { docElm.webkitRequestFullScreen(); } //IE11 else if (elem.msRequ...

时间:2014-05-28
标签: , ,
评论:0

jquery禁用右键、文本选择功能、复制按...Browse:4728

jquery禁用右键、文本选择功能、复制按键的实现

同时适合IE、firefox、谷歌浏览器下适用,经过筛选代码如下 //禁用右键、文本选择功能、复制按键 $(document).bind(“contextmenu”,function(){return false;}); $(document).bind(“selectstart”,function(){return false;}); $(document).keydown(function(){return key(arguments[0])}); //按键时提示警告 function key(e){ var keynum; if(window.event){ keynum = e.keyCode; // IE }else if(e.which){ keynum = e.which; // Netscape/Firefox/Opera } if(keynum == 17){ alert(“禁止复制内容!”); return false; } } //禁用右键、文本选择功能、复制按键 $(document).b...

时间:2014-05-28
标签: ,
评论:0

jQuery:在一个回调中处理多个请求Browse:3585

jQuery:在一个回调中处理多个请求

曾经开发一个新功能,它需要加载一个基本的脚本文件的同时加载一个JSON请求。因为我们使用的是jQuery,意味着要使用 jQuery.getScript和jQuery.getJSON。我知道这两者都是异步的并返回一个Deferred(jQuery中的Promise 模式实现, 参见: deffered object)对象,因此我想知道能不能在一个回调里按顺序请求它们,就像多数的JavaScript加载器那样(如curljs )。我很幸运,使用jQuery就可以用一个回调处理两个请求。   jQuery的JavaScript代码 就像我刚才提到的,我需要加载一个脚本和一个JSON文件,就像这样: $.when( $.getScript('/media/js/wiki-min.js?build=21eb633'), $.getJSON('http...

时间:2014-05-27
标签: ,
评论:0

JQuery动画插件Velocity.js发布:更快的...Browse:3842

JQuery动画插件Velocity.js发布:更快的动画切换速度

  5月3日,Julian在其GitHub上发布了Velocity.js。Velocity.js是一款动画切换的jQuery插件,它重新实现了 jQuery的$.animate()方法从而加快动画切换的速度。Velocity.js只有7k的大小,它不仅包含了$.animate()的所有功 能,并且还包含了颜色切换、转换(transform)、循环、缓动、CSS切换、Scroll功能,它是jQuery、 jQuery UI、CSS变换 在动画方面的最佳组合。Velocity.js支持IE8+、Chrome、Firefox等浏览器,并支持Andriod以及IOS。 Velocity.js在内部实现中使用了jQuery的$.queue()方法,因此它比 jQuery的$.animate()、$.fade()、$.delay()方法更加流畅,其性能也高于CSS的animation属性,具...

时间:2014-05-08
标签:
评论:0

横竖屏判断及禁止浏览器滑动条Browse:4776

横竖屏判断及禁止浏览器滑动条

var $horizontal = $('.horizontal_screen') ;  //可自定义横屏模式提示样式 var $document = $(document) ; var preventDefault = function(e) { e.preventDefault(); }; var touchstart = function(e) { $document.on('touchstart touchmove', preventDefault); }; var touchend = function(e) { $document.off('touchstart touchmove', preventDefault); }; function listener(type){ if('add' == type){ //竖屏模式 $horizontal.addClass('hide'); $document.off('touchstart', touchstart); $document.off('touchend', touchend); }else{ //横屏模式 $horizontal.remove...

时间:2014-04-29
标签: ,
评论:0

输入邮箱时自动提示邮箱后缀Browse:3200

输入邮箱时自动提示邮箱后缀

1.在html中输入邮箱的input要有自己的class,以及自己父元素的class。例如: <div class="parentemail"> <input type="text" name="email" class="email" placeholder="邮箱登陆"/> </div> <script type="text/css"> // 初始化 $(function() { new EmailAutoComplete({ parentCls      :  '.parentemail',       // 当前input元素的父级类 targetCls      :  '.email',       // 目标input元素 // ...更多的配置项参考插件的config }); }); </script> 2.引入插件: <script type="text/javascript" src="js/autofillmail.js" charset...

时间:2014-04-21
标签:
评论:0
Search