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

文档归类:前端设计

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

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

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图片加载中...
此文被围观2393 分类: 前端设计 标签:  ····

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

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

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

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

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

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

js获取url参数2013-10-28

js获取url参数 [html] function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } [/html] js获取url参数...
此文被围观816 分类: 前端设计 标签:  ·····

js键盘监听事件,jquery HotKeys轻松搞定键盘事件代码2013-09-29

今天发现HotKeys插件的功能真的很强大,且使用简单,以后再也不用考虑键值的问题了,自己定义每个键的函数就行了 使用方法: 复制代码代码如下: $.hotkeys.add('键名', function(){ 要实现的目的}); //键名可以是单键,也可以是组合键例如:ctrl+c就表示同时按下ctrl和c. 取消某个键的事件: 复制代码代码如下: $.hotkeys.remove('键名'); 具体演示效果请转到我专门翻译的一个页面,你可以自己测试特殊键和组合键:http://img.jb51.net/online/jquery_HotKeys.html 下载插件地址::http://code.google.com/p/js-hotkeys/downloads/list...

js判断后缀名2013-09-22

js判断后缀名,js获取上传文件后缀名称 [html] var obj = document.getElementById('file'); var ext = obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();//获得文件后缀名 [/html]...
此文被围观1153 分类: 前端设计 标签:  ····

手机网站自适应,手机网页制作2013-09-22

手机网页自适应html代码: [html] <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"> <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"> [/html]...

百度地图理解,百度地图使用心得方法2013-09-29

1、根据经纬度标示周围相关信息: http://developer.baidu.com/map/jsdemo.htm#i3_1 2、根据经纬度返回周围相关json数据 http://developer.baidu.com/map/place-api.htm#.E6.9C.8D.E5.8A.A1.E5.9C.B0.E5.9D.80 http://api.map.baidu.com/place/search?&query=%E5%AD%A6%E6%A0%A1&bounds=39.915,116.404,39.975,116.414&output=json&key=37492c0ee6f924cb5e934fa08c6b1676 3、拾取位置经纬度 http://api.map.baidu.com/lbsapi/getpoint/index.html 以上是我用得比较多的接口地方了! 百度地图理解,百度地图使用心得方法...

jquery图片预加载插件jquery.lazyload.js使用方法2013-09-15

经常看到别人有网站上是滚动到的地方图片才加载出来,出于好奇心我今天找了一个网站上的效果。 看一下jquery.lazyload.js的使用方法 [html] var $=jQuery.noConflict(); $(function(){ $("img.lazy").lazyload({effect:"fadeIn"}); }); [/html] jquery.lazyload.js下载...

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

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