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

文档归类:前端设计

固定网页宽度让手机自适应2014-01-17

固定网页宽度让手机自适应,这里不在iphone4下不能自适应  <meta name='viewport' content='width=640px, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no,target-densitydpi=device-dpi'> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name='format-detection' content='telephone=no'> 请注意:target-densitydpi=device-dpi http://www.iinterest.net/2011/05/02/about-viewport/ http://www.cnblogs.com/bugs/p/3139811.html http://blog.csdn.net/noel0307/article/details/8281731 ...
此文被围观2212 分类: 前端设计 标签:  ···

jquery.fancybox插件点击放大图片2014-01-17

官网: http://fancybox.net/ fancybox是一款jQuery插件,这个插件能让你在各种浏览器上部署图片浏览的效果。 基于jQuery的插件,兼容性都比较强。可以兼容firefox,ie等浏览器。 当你需要实现点击图片,就能将图片放大来查看。就像QQ,校内,新浪,淘宝一些图片浏览模式一样。 fancybox还提供多种弹出的样式,让你可以选择,找出你最需要的效果,满足不同的设计和需求。 Fancybox的特点如下: (1)可以支持图片、html文本、flash动画、iframe以及ajax的支持 (2)可以自定义播放器的CSS样式 (3)可以以组的形式进行播放 (4)如果将鼠标滚动插件(mouse wheel plugin)包含进来的话Fancybox还能支持鼠标滚轮滚动来翻阅图片 (5)Fancybox播放器支持投影,更有立体的感觉 Fancybox使用方法: 1、引入jquery核心库和Fancybox插件库 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="http://fancybox.net/js/fancybox-1.3.4/jquery.fancybox-1.3.4.pack.js...

css自定义字体2014-01-17

css自定义字体 @font-face {      font-family: 'msyh';      src: '/font/msyh.ttf' } body {font-family: msyh,Arial} css自定义字体 ...
此文被围观1883 分类: 前端设计 标签:  ····

js 函数默认参数值2014-01-17

默认值应该是 undefined 在函数内预设数可以用 arguments[i] i就是你参数的位置 第一个为0 所以要设定 flag 的默认值 则可以这么写 function func(string1,url,flag,icon){ if(!arguments[2]) flag = "123"; if(!arguments[3]) icon = "456"; } js 函数默认参数值 ...
此文被围观1609 分类: 前端设计 标签:  ···

jquery获取url参数2014-01-17

jquery获取url参数 (function($){ var deparam=function(querystring){ var params={}; var queryarray=(querystring||"").split("&"); $.each(queryarray,function(index,item){ var keyValuePairs=item.split("="); var key=keyValuePairs[0]; if(key){ var value=decodeURIComponent(keyValuePairs[1]); params[key]=value||""; } }); return params }; $.extend($,{deparam:deparam}) })(window.jQuery); //使用方法 $(function(){      var search = location.search.slice(1); var param = $.deparam(search); console.log(param);      var appid = param.appid || ''; var merchant = param.merchant || ''; var hotelid = param.hotelid || ''; var checkin = param.checkin || ''; var check...
此文被围观2088 分类: 前端设计 标签:  ····

js 强制保留两位小数2014-01-17

//保留两位小数         //功能:将浮点数四舍五入,取小数点后2位         function toDecimal(x) {             var f = parseFloat(x);             if (isNaN(f)) {                 return;             }             f = Math.round(x*100)/100;             return f;         }         //制保留2位小数,如:2,会在2后面补上00.即2.00         function toDecimal2(x) {             var f = parseFloat(x);             if (isNaN(f)) {                 return false;             }             var f = Math.round(x*100)/100;             var s = f.toString();             var rs = s.indexOf('.');             if (rs < 0) {                 rs = s.length;                 s += '.';     ...
此文被围观2284 分类: 前端设计 标签:  ···

css英文字换行注意事项2013-12-21

因为文章内容是从后台的编辑器进行的,所以很多空格都转换在了&nbsp;这个代码,在页面上如果使用word-wrap:break-word;就会出现断词的现象,将前台页面上的&nbsp;转换成空格这样就可以正常显示了,也不存在断词的现象了!...
此文被围观1844 分类: 前端设计 标签:  ····

js加载图片显示加载中...2013-12-21

利用jquery的load函数实现js加载图片显示加载中... html: <img src="loader-portrait.gif" style="opacity: 0;"> <img src="${image}"> js: $(".load-complete").load(function() { $(this).css({'opacity':'1'}); $(this).parent('div.image').find('img.l').css({'opacity':'0'}); }); js图片加载中...
此文被围观2462 分类: 前端设计 标签:  ····

jquery获取光标位置插入字符2013-12-21

jquery获取光标位置插入字符,js光标位置 (function($){ $.fn.extend({ insertAtCaret: function(myValue){ var $t=$(this)[0]; if (document.selection) { this.focus(); sel = document.selection.createRange(); sel.text = myValue; this.focus(); } else if ($t.selectionStart || $t.selectionStart == '0') { var startPos = $t.selectionStart; var endPos = $t.selectionEnd; var scrollTop = $t.scrollTop; $t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length); this.focus(); $t.selectionStart = startPos + myValue.length; $t.selectionEnd = startPos + myValue.length; $t.scrollTop = scrollTop; } else { this.value += myValue; this.focus(); } }...
此文被围观2001 分类: 前端设计 标签:  ····

js实现key,value2013-12-21

js实现key,value 方式一 var hashMap = {}; hashMap['key1'] = 'value1'; hashMap['key2'] = 'value2'; hashMap['key3'] = 'value3'; hashMap['key4'] = 'value4'; hashMap['key5'] = 'value5'; hashMap['key6'] = 'value6'; if( 'key2' in hashMap) { alert('existance'); } for(value in hashMap) { alert(value); } 方式2 var hashMap = { Set : function(key,value){this[key] = value}, Get : function(key){return this[key]}, Contains : function(key){return this.Get(key) == null?false:true}, Remove : function(key){delete thi...
此文被围观1862 分类: 前端设计 标签:  ····

js判断是否在微信浏览器中打开2013-12-21

最近在研究微信的二次开发,因为要达到只能用微信的窗口打开页面,在网上找了很多资料都没有用JS写的,因为是html页面,所以只能用JS来判断了,经过查找资料终于实现了效果,直接上代码 1 2 3 4 5 6 7 8 function is_weixn(){     var ua = navigator.userAgent.toLowerCase();     if(ua.match(/MicroMessenger/i)=="micromessenger") {         return true;     } else {         return false;     } } 通过测试完全通过,无论是android 还是iphone,ipad 都可以,当然我们除了用js来判断之外,用其它语言来判断就更简单了,比如PHP 1 2 3 4 5 6 function is_weixin(){     if ( strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false ) {             return true;     }       return false; } 分析就到这来,希望能帮助到大家,本人在百度上搜索“JS限制微信打开页面”,“微信浏览器HTTP_U...
此文被围观1242 分类: 前端设计 标签:  ·····

js判断是否手机访问并跳转到手机网页2013-10-29

现在手机用户量非常大,一般企业都在考虑用户是用电脑访问还是手机或其它设备,如何跳转到指定的网页呢? 这里就上一段js判断客户端的代码:   function Go(u) {window.location = u;} function GoMobile(url) { if((UA.indexOf('phone') != -1 || UA.indexOf('mobile') != -1 || UA.indexOf('android') != -1 || UA.indexOf('ipod') != -1) && get_cookie('mobile') != 'pc' && UA.indexOf('ipad') == -1) { Go(url); } }...
此文被围观1155 分类: 前端设计 标签:  ···

图片自适应手机网页2013-10-28

当网页已经自适应了,但是当加载了图片,而且图片大小不固定的时候!就需要让图片自适应 了! 给图片加上一句CSS代码: img{ max-width:100%;height:auto; } ...

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

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