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

文档归类:前端设计

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

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

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

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

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

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

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

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

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

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

jquery浮动导航条的拖动与展开收缩,jquery页面拖动2014-06-22

今天在网站上的一个广告网站看到的一jquery特效,感觉不错,也许以后有用,就记录了下来!jquery特效正常情况下: 访问情况:拖动了一下://浮动导航条的拖动与展开收缩 $(function () {     var box = $('.menu'),     obj = box.children('span');     obj.show();     box.hover(function () {//鼠标移上去后出现选择菜单         obj.stop(false, true).show(300);     }, function () {         obj.stop(false, true).hide(150);     })     var box = d...
此文被围观1267 分类: 前端设计 标签:  ·····

本地缓存localStorage的使用方法2014-06-21

本篇文章的使用方法来自于实际开发,详细介绍AppCan手机框架本地缓存localStorage的使用方法。在手机应用中,存储本地数据是必不可少的功能,例如我们可以在手机中存储用户自定义设置、传递数据、缓存数据等。下面我们详细介绍一下国内流行的手机应用开发框架AppCan的本地缓存方法localStorage:1.获取本地缓存数据:localStorage.getItem('data')   //获取名称为data的本地缓存数据2.设置本地缓存数据:localStorage.setItem('data', JSON.stringify(list));   //设置名称为data的本地缓存 JSON.stringify(list) //扩展一下,这个是将远程返回的json对象转换为字符串形式以方便存储 var ro = eval(data); //这个是将字符串转化为对象形式3.删除本地缓存:localStorage.removeItem("data");   //删除名称为data的本地缓存4.清空本地缓存:localStorage.clear();  //清空所以本地缓存这里附上js方法function setkeywordhistory(keywords) {   &n...
此文被围观3244 分类: 前端设计 标签:  ······

css 边框滚动条样式修改2014-06-19

定义div滚动条的样式:.content-box {height: 222px; overflow-y: scroll; overflow-x: hidden;SCROLLBAR-FACE-COLOR: #888; SCROLLBAR-SHADOW-COLOR: #eee; SCROLLBAR-HIGHLIGHT-COLOR: #eee; SCROLLBAR-3DLIGHT-COLOR: #eee; SCROLLBAR-DARKSHADOW-COLOR: #eee; SCROLLBAR-TRACK-COLOR: #eee; SCROLLBAR-ARROW-COLOR: #eee;} /***chrome模式***/ .content-box::-webkit-scrollbar {     width: 0.2em;     /*height: 2em*/ } .content-box::-webkit-scrollbar-button {     background: translate; } .content-box::-webkit-scrollbar-tra...
此文被围观1147 分类: 前端设计 标签:  ·····

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

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