◆◆

JAVA、PHP、前端、APP、网站开发 - 开发技术学习

文档归类：前端设计

multiselect api2014-12-10

https://github.com/ehynds/jquery-ui-multiselect-widget 官网取值方法：var array_of_checked_values = $("select").multiselect("getChecked").map(function(){               return this.value;   }).get();jquery-multiselect 基于Jquery-ui的组件体系。   所以使用它的时候，先得导入jquery-ui相关的js和css哦特性支持点击label实现checkbox组选择.头部选项，如全选/ 取消全选 /关闭功能.支持键盘选择.支持5种不同的事件回调函数.以列表方式显示选中项目，并且可以设置最大显示值.方便改变位置，渐变速度，滚动容器的高度，链接文字，文本框默认内容等...

博主太强大了，膜拜去»

此文被围观3267次 分类: 前端设计 标签:  ···

uploadify浏览器总是崩溃，uploadify不兼容解决方法2014-10-24

uploadify上传插件很好用，但是总是造成浏览器崩溃的情况。‍‍uploadify浏览器解决的办法是： 给引入的js加上一个参数，时间戳就可以，防止缓存，使每一次都请求。（这个问题是因为谷歌浏览器会缓存文件导致的）‍‍uploadify可能在某些浏览器并不工作，uploadify兼容方法：在swf后面加个参数就可以了 uploadify/uploadify.swf?var='+(new Date()).getTime(),...

从来不放弃这样的美文»

此文被围观4168次 分类: 前端设计 标签:  ····

onbeforeunload事件，页面刷新及离开事件2014-10-12

页面离开事件或页面刷新事件window.onbeforeunload=function(){     return '当前操作未保存，如果你此时离开，所做操作信息将全部丢失，是否离开?';//这里就是提示的信息 };onbeforeunload,jquery beforeunload,页面刷新事件,页面刷新,jquery页面刷新...

抓住机会，赶紧看完»

此文被围观3414次 分类: 前端设计 标签:  ·····

微信分享信息朋友圈，分享到微博js设置图片链接地址标题2014-09-26

微信分享到朋友圈需要设置图片链接标题描述，同理分享到微博一样的js，需要预加载这些js<script>        var imgUrl = '';//图片地址        var lineLink = '';//链接地址        var shareTitle = '';//分享标题        var descContent = "";//描述内容        var appid = '';        function shareFriend() {            WeixinJSBridge.invoke('sendAppMessage',{                "appid": appid,                "img_url": imgUrl,     ...

抓住机会，赶紧看完»

此文被围观6823次 分类: 前端设计 标签:  ·····

JS正则表达获取URL参数值2014-09-23

‍‍var url = "http://127.0.0.1/e/action/ShowInfo.php?classid=9&id=2";//定义变量 function parse_url(_url){ //定义函数  var pattern = /(\w+)=(\w+)/ig;//定义正则表达式  var parames = {};//定义数组  url.replace(pattern, function(a, b, c){   parames[b] = c;  });  /*这是最关键的.当replace匹配到classid=9时.那么就用执行function(a,b,c);其中a的值为:classid=9,b的值为classid,c的值为9;(这是反向引用.因为在定义正则表达式的时候有两个子匹配.)   然后将数组的key为classid的值赋为9;然后完成.  再继续匹配到id=2;此时执行function(a,b,c);其中a的值为:id=2,b的值为id,c的值为2;然后将数组的key为id的值赋为2.  */  return parames;//返回这个数组. } var par...

太给力了，去围观»

此文被围观2904次 分类: 前端设计 标签:  ···

js 获取文本焦点，js将焦点置于文本最后2014-09-20

js 获取文本焦点，js将焦点置于文本最后function moveEnd(obj) { obj.focus(); var len = obj.value.length; if (document.selection) { var sel = obj.createTextRange(); sel.moveStart('character', len); sel.collapse(); sel.select(); } else if (typeof obj.selectionStart == 'number' && typeof obj.selectionEnd == 'number') { obj.selectionStart = obj.selectionEnd = len; } }...

从来不放弃这样的美文»

此文被围观3317次 分类: 前端设计 标签:  ···

hasOwnProperty ie8,javascript中的类型检测,js中的hasOwnProperty和isPrototypeOf方法2014-09-17

今天客户反映说有一个js在IE8下出现错误，打开一看才知道是 hasOwnProperty判断不在IE下不支持以方法。解决方法：‍‍hasOwnProperty：是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中，是则返回true，否则返回false。if(object.hasOwnProperty("related")){}; //针对非DOM对象if("hasOwnProperty" in object && object.hasOwnProperty("related")){}; //不确定是否为DOM对象时 调用DOM对象的hasOwnProperty方法之前应先检测其是否存在！若已经知道对象不是DOM则可省略检测存在。‍‍...

不要拦我，我一定要看完 »

此文被围观4732次 分类: 前端设计 标签:  ······

jquery点击页面隐藏DIV2014-09-11

先看一下html页面:要求点击div#searchSelected显示div#searchTab,当点击页面其它地方的时候也需隐藏div#searchTabjs代码：function stopPropagation(e) {     if (e.stopPropagation)         e.stopPropagation();     else         e.cancelBubble = true; } $(function(){     $(document).click(function(){         $("#searchTab").hide();         $("#searchSelected").removeClass("searchOpen");     });    &...

抓住机会，赶紧看完»

此文被围观3530次 分类: 前端设计 标签:  ····

jquery点击页面隐藏，由点击页面其它地方隐藏div所想到的jQuery的delegate2014-09-11

在网页开发的过程中经常遇到的一个需求就是点击一div内部做某些操作，而点击页面其它地方隐藏该div。比如很多导航菜单，当菜单展开的时候，就会要求点击页面其它非菜单地方，隐藏该菜单先从最简单的开始，假如页面有一个id为test的div，我们要实现点击页面其它地方隐藏该div:<div id="test" style="margin:100px;background-color:#3e3;width:100px;height:100px;"></div>对于这个问题一般有两种思路，这两种思路都会利用事件冒泡这一原理，想要详细了解Javascript事件机制可以看看JavaScript与HTML交互——事件,这不是本文重点，所以这里只是简单介绍一下事件冒泡，事件冒泡IE的事件冒泡：事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的元素Netscape的事件捕获：不太具体的节点更早接收事件，而最具体的元素最后接收事件，和事件冒泡相反DOM事件流：DOM2级事件规定事件流包括三个阶段，事件捕获阶段，处于目标阶段，事件冒泡阶段，首先发生的是事件捕获，为截取事件提供机会，然后是实际目标接收事件，最后是冒泡句阶段。Opera、Firefox、Chrome、Safari都支持DOM事件流，IE不支持事件流，只支持事件冒泡如有以下html，点击div区域，按照不同的模型事件元素的click事件触发顺序如下所示：<!DOCTYPE html ...

此文只应天上有，仰望去»

此文被围观3276次 分类: 前端设计 标签:  ····

js获取元素样式,获取样式2014-08-21

 //获取样式     function getCurrentStyle(id, styleName){         if($id(id).currentStyle){//ie             return $id(id).currentStyle[styleName];         }else{ //ff             var $arr=$id(id).ownerDocument.defaultView.getComputedStyle($id(id), null);             return $arr[styleName];         }   &nb...

持之以恒，坚持读完»

此文被围观3038次 分类: 前端设计 标签:  ·····

JS阻止事件冒泡2014-08-18

‍‍JS事件流中有一种事件被称为“冒泡事件”，当一个元素被触发一个事件时，该目标元素上的事件会优先被执行，然后向外传播到每个祖先元素，恰如水里的一个泡泡似的，从产生就一直往上冒，到达水平面时，它才消失。在这个过程中，如果你只希望触发目标元素上的事件，而不想它传播到祖先元素上去，那么你需要在“泡泡”离开对象之前刺破它。下面，就以一个简单的Demo来演示下JS如何阻止事件冒泡：‍‍//阻止冒泡的方法 function stopPP(e) { var evt = e || window.event; //IE用cancelBubble=true来阻止而FF下需要用stopPropagation方法 evt.stopPropagation ? evt.stopPropagation() : (evt.cancelBubble=true); }JS阻止事件冒泡,冒泡事件...

从来不放弃这样的美文»

此文被围观3396次 分类: 前端设计 标签:  ··

An invalid form control with name='oldpass' is not focusable.2014-08-12

Chrome浏览器要重点控制是必需的，但仍然是空的，所以，它可以弹出消息“请在此输入”。但是，如果该控件隐藏在Chrome浏览器要弹出消息，那就是在表单提交的时间，Chrome浏览器无法集中控制，因为它是隐藏的，因此表格后，提交。因此，要解决这个问题，通过javascript隐藏控件时，我们也必须删除'required'的属性，控制。An invalid form control with name='oldpass' is not focusable....

持之以恒，坚持读完»

此文被围观6834次 分类: 前端设计 标签:  ·

js获取元素索引的函数2014-08-09

function returnIndex(n,val) {         var classElements = [],allElements = document.getElementsByTagName('input');//所有div         var l = 0;         for (var i=0; i< allElements.length; i++ )         {             if (allElements[i].className == n ) {               &n...

博主太强大了，膜拜去»

此文被围观4585次 分类: 前端设计 标签:  ····

jquery报错找不到jquery-1.10.2.min.map解决办法2014-08-05

我先说一下什么是source map文件。source map文件是js文件压缩后，文件的变量名替换对应、变量所在位置等元信息数据文件，一般这种文件和min.js主文件放在同一个目录下。比如压缩后原变量是map，压缩后通过变量替换规则可能会被替换成a，这时source map文件会记录下这个mapping的信息，这样的好处就是说，在调试的时候，如果有一些JS报错，那么浏览器会通过解析这个map文件来重新merge压缩后的js,使开发者可以用未压缩前的代码来调试，这样会给我们带来很大的方便！而这种还原性调试功能，目前只有chorme才具有，所以就会出现标题说的问题，我引入jquery-1.10.2.min.js的时候，在firefox下或者其他浏览器下是好的，在chorme下会报错找不到jquery-1.10.2.min.map文件，404，就是因为以上说的情况，jquery会检测浏览器是否支持source map功能，如果支持的话，那就去下载source map文件，而这个时候如果你引用的是官网的min.js那没问题，它会去自己的目录下找source map文件，而如果jquery.min.js文件在你的服务器上而服务器上又没有source map的话，那就会报错了，所以三种解决办法：一，引用官网文件  二，把source map文件下载下来放到服务器上(推荐) 三，把chorme文件的工具-->开发者工具-->设置-->Enable source maps勾去掉，去掉这个勾，jquery就不会去下载sourc...

抓住机会，赶紧看完»

此文被围观2714次 分类: 前端设计 标签:  ···

js上下左右无限循环滚动,js上下滚动效果2014-07-21

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)</title> </head> <body> <div id="colee" style="overflow:hidden;height:253px;width:410px;"> <div id="colee1"> <p><img src="/jscss/demoimg/wall_s3.jpg"></p> <p><img src="/jscss/demoimg/wall_s3.jpg"></p> <p><img src="/jscss/demoimg/wall_s3.jpg"></p> <p>&...

这文章不得了，一定要看完 »

此文被围观5839次 分类: 前端设计 标签:  ·····
‹34567›»

最新专题

随机文章

本月排行

Tags 标签云

前端技术编程开发curl get postcurl postphpphp学习服务器mysqldedecms数据库php技术centoslinux网站开发PHP开发jsdestoonthinkphpwrite contextget_post_formatrewritejqueryapachepsbugMozillaJavaScripturlinsert intoon()prototypemysql group_concatjsp mysqlmyeclipsetemplatelinux+php+apachephp mysqlappendChildRequest Error step 1/2供应

Links 友情链接

简单看书超级字贴

站点声明：部分内容源自互联网，为传播信息之用，如有侵权，请联系我们删除。

© Copyright 2011-2024 www.kfju.com. All Rights Reserved.
超级字帖 版权所有。 蜀ICP备12031064号      川公网安备51162302000234