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

文档归类:前端设计

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

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

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

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

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

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

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

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

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

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

swipe.js文档及用法,移动WEB页面内容触摸滑动类库插件2014-06-23

最近的一个项目中使用到了swipe.js这个插件感觉非常的好用的官方网站http://swipejs.com/https://github.com/bradbirdsall/Swipe简介swipe.js是一个轻量级的移动滑动组件,支持触摸移动,支持响应式页面。下面是从GitHub上翻译的用法和文档用法 Swipe只需添加很简单的一段代码即可,如下<div id='slider' class='swipe'>   <div class='swipe-wrap'>     <div class='wrap'></div>     <div class='wrap'></div>     <div class='wrap'></div>   </div> </div>以上代码是最初需要的结构--一系列元素包裹在两个容器中,你可以在wrap中添加任何你想要的内容。最外面的div(即slide)需要设置一下的js函数:window.mySwipe = Swipe(documen...
此文被围观5363 分类: 前端设计 标签:  ···

js检测访问是手机或者PC端2014-06-22

js检测访问是手机或者PC端,并根据相应的结果进行跳转function mobile_device_detect(url) {     var thisOS = navigator.platform;     var os = new Array("iPhone", "iPod", "iPad", "android", "Nokia", "SymbianOS", "Symbian", "Windows Phone", "Phone", "Linux armv71", "MAUI", "UNTRUSTED/1.0", "Windows CE", "BlackBerry", "IEMobile");     for (var i =&nbs...

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

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