文档标签： qianduan
固定网页宽度让手机自适应，这里不在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://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/javasc...
css自定义字体
@font-face {
font-family: 'msyh';
src: '/font/msyh.ttf'
}
body {font-family: msyh,Arial}
css自定义字体
...
默认值应该是 undefined
在函数内预设数可以用 arguments[i]
i就是你参数的位置 第一个为0
所以要设定 flag 的默认值 则可以这么写
function func(string1,url,flag,icon){
if(!arguments[2]) flag = "123";
if(!arguments[3]) icon = "456";
}
js 函数默认参数值
...
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 =...
//保留两位小数
//功能：将浮点数四舍五入，取小数点后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 ...
因为文章内容是从后台的编辑器进行的，所以很多空格都转换在了 这个代码，在页面上如果使用word-wrap:break-word;就会出现断词的现象，将前台页面上的 转换成空格这样就可以正常显示了，也不存在断词的现象了！...
利用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图片加载中...
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....
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 : fun...
最近在研究微信的二次开发，因为要达到只能用微信的窗口打开页面，在网上找了很多资料都没有用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(){...
现在手机用户量非常大，一般企业都在考虑用户是用电脑访问还是手机或其它设备，如何跳转到指定的网页呢？
这里就上一段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);
}
}...
当网页已经自适应了，但是当加载了图片，而且图片大小不固定的时候！就需要让图片自适应 了！
给图片加上一句CSS代码：
img{
max-width:100%;height:auto;
}
...
155 条记录 2/
12 页
上一页 下一页 12345 下5页 最后一页
川公网安备51162302000234