phper,PHP学习_PHP技术_PHP网站建设_PHP程序员专注于PHP技术研究及学习

文档归类:前端设计

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");     });    &...
此文被围观1791 分类: 前端设计 标签:  ····

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 ...
此文被围观1473 分类: 前端设计 标签:  ····

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...
此文被围观1244 分类: 前端设计 标签:  ·····

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阻止事件冒泡,冒泡事件...
此文被围观1620 分类: 前端设计 标签:  ··

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....

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...
此文被围观2628 分类: 前端设计 标签:  ····

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...
此文被围观1039 分类: 前端设计 标签:  ···

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>&...
此文被围观3885 分类: 前端设计 标签:  ·····

js手机回车事件2014-07-10

html:            <input type="text" name="keyword" id="keyword"  onkeydown="entersearch()"/>          <input type="button" onclick="search()"/> 注意:不要用form js: function search(){         $keyword = $("#keyword").val();         window.location.href = "/list-0-0-0-0-"+$keyword+"-0-0-1.html";     }   ...
此文被围观2941 分类: 前端设计 标签:  ····

JS代码的window.location属性详解2014-07-03

如果你稍微懂一些JS代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址:window.location.href = window.location.href;好吧,我告诉你,这样弱掉了。其实原生 JavaScript 真是什么都有。window.location 对象所包含的属性属性 描述hash 从井号 (#) 开始的 URL(锚)host 主机名和当前 URL 的端口号hostname 当前 URL 的主机名href 完整的 URLpathname 当前 URL 的路径部分port 当前 URL 的端口号protocol 当前 URL 的协议search 从问号 (?) 开始的 URL(查询部分)window.location.hash要使用 JS 定位锚点,完全可以使用 window.hash 配合元素 ID 完成。比如快速定位到页面的某条评论,则直接使用如下代码即可:window.location.hash= "#comment-5981";另外 Twitter、Facebook、Google 等已经开始大量使用 #! 这种形式的 hash 方法处理异步交互页面的 URL 可回溯功能。window.location.search如果有这样一个 URL 地址:http://www.google.com.hk/search?hl=zh-CN&source=hp&biw=1400&bih=...
此文被围观1204 分类: 前端设计 标签:  ·····

dede织梦系统php标签无法使用2014-07-02

最新版本的织梦,已经增加禁止标签功能,默认禁止的是dede:php标签。你在系统设置,其他选项中设置就可以了,具体如下图:...
此文被围观1477 分类: 前端设计 标签:  ·····

ECMall如何在后台添加模板编辑页,ecmall 模板编辑2014-06-26

编辑文档admin\app\template.app.php。获取ECMall编辑页面列表function _get_editable_pages(){     return array(     'index' => SITE_URL . '/index.php',     'gcategory' => SITE_URL . '/index.php?app=category',     'miaosha' => SITE_URL . '/index.php?app=miaosha',     'auction' => SITE_URL . '/index.php?module=auction',     ); }注意:这里如果模板名称对应着这个页面的URL地址。请确保这个URL可以通过网络地址访问。更新template app的语言包,位于\languages\...

js判断字符串是否json格式,判断json格式2014-06-26

js判断字符串是否json格式/***  * 判断返回是否json格式  */ isJson = function(obj){     var isjson = typeof(obj) == "object" && Object.prototype.toString.call(obj).toLowerCase() == "[object object]" && !obj.length;     return isjson; } if (!isJson(data)) data = eval('('+data+')');//将字符串转换成json格式...
此文被围观5559 分类: 前端设计 标签:  ·····

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2017adophper.com All Rights Reserved.