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

文档归类:前端设计

js 判断IOS版本号2014-12-18

‍‍先来观察 iOS 的 User-Agent 串:iPhone 4.3.2 系统:Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5iPone 5.1 系统:Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5iPone 5.1.1 系统:Mozilla/5.0 (iPhone; U; CPU iPhone OS 5_1_1 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8H7 Safari/6533.18.5我们可以从 User-Agent 里发现一些规律:都含有“iPhone”关键词;含有用下划线分隔的系统版本号。嗯,我们可以用这两个规律来分辨出 iOS4 以上的系统。function gt_ios4() {    // 判断是否 iPhone 或者 iPod  &n...
此文被围观3129 分类: 前端设计 标签:  ·

css判断ipone4/4s,iphone 52014-12-12

‍‍@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容/4s */ .class{} } @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */ .class{} }‍‍...
此文被围观2316 分类: 前端设计 标签:  ···

js 判断ios2014-12-12

if (/iPad|iPhone|Mac/i.test(navigator.userAgent)){    // todo : ios}...
此文被围观1877 分类: 前端设计 标签:  ····

微信分享JS代码2014-12-11

‍‍‍‍微信分享功能本身有一套机制从微页面中抓取缩略图,标题和摘要信息,但是很多时候抓取的信息可能不是你所想要呈现的。很多开发人员没有注意这些,就可能使自己的页面在分享出去以后出现图片和文字的问题。‍‍另外,当我们在开发微页面游戏,或者轻应用页面的时候,我们有时候希望不同的条件下同一页面分享的内容是不一样的。比如我之前做的单页面游戏,通关后用户点击分享的内容就是其通关的时间等信息,失败了则会分享失败的信息,等等。‍‍‍‍‍‍‍‍‍‍‍‍‍‍解决这些问题其实很简单,我们可以借助微信浏览器的内置JS对象来实现。对于小虫这种代码控来说,下面就用代码和注释信息来向大家说明:‍‍‍‍‍‍‍‍首先我们定义一些变量,你可以动态的改变这些变量,分享的时候会根据这些变量的值来设置信息。‍‍var imgUrl = ""; //缩略图地址 var lineLink = ""; //分享的链接地址 var descContent = ''; //摘要信息 var shareTitle = ''; //分享的标题 var appid = 'xxxxxxxxxxxxxxxx'; //你的公众号的APPId‍‍‍‍‍‍‍‍然后我们写三个分享函数来对应三种分享方式。注意其中用到...

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种不同的事件回调函数.以列表方式显示选中项目,并且可以设置最大显示值.方便改变位置,渐变速度,滚动容器的高度,链接文字,文本框默认内容等...
此文被围观1839 分类: 前端设计 标签:  ···

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

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

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

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

微信分享信息朋友圈,分享到微博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,     ...
此文被围观5505 分类: 前端设计 标签:  ·····

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

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

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则可省略检测存在。‍‍...
此文被围观3061 分类: 前端设计 标签:  ······

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

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

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

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