星期三 上午多云转晴，下午雷阵雨转多云（昨晚下半夜雷阵雨） 12～26℃
友吧今天
- v2首页框架嵌套完成。
- 导航和 logo 加一点高光。
- 修改一些细节问题。
星期二 晴转多云 19～33℃
兼容 Firefox 和其他浏览器的 onmouseenter 和 onmouseleave
好不容易在这兄弟这里找到这个方法：http://www.vgot.net/?A66.htm
例子一（测试鼠标经过和离开）：点击查看测试效果
例子二（可以用此方法来做加入延时的 二级菜单 或 气泡效果）：点击查看测试效果
一下到夏天了
春装才穿了几天，穿短袖了。
友吧今天
v2首页完成头部搜索 tab 嵌套。
星期一 多云 17～30℃
欧盛w180使用笔记(8) – 电池出问题
才用了两个半月。上周五开始出现这个问题：充到 30% 就充不进去了。换另一块电池可以正常充电。
今天又充还是一样。和客服联系，回复说要寄过去检测，如果检测确实有问题的话会更换电池给我。
觉得麻烦，没寄。
中午想到一个办法，关机充，居然能充了。但是当显示充满 100% 后，拔掉充电器，开机查看电池信息，只有 70%，好歹比开机充好一点。
还是用另一块电池吧，这块电池命短，希望另一块命长一些。
2011-04-26 更新
昨晚回到家本来想再充满一点把这块电池收起来换另一块，结果发现原本剩下 60% 的电量，开机接着充又充到 100% 了，有点惊喜。以后遇到开机充不进电就关机充，关机充不满的话，开机后再接着充。
2011-04-28 更新
今天剩最后一格电时，像以前一样开着机充，可以正常充到 100% 了。由此推想，以后要是再出现这个问题，可以尝试重启手机再充。如果不行，再尝试上面 26 号更新的方法。
2011-05-19 更新
如果以上方法都失败，重启后待 机身 和 充电器 冷却再充。
2011-05-23 更新
原来电池没有问题，是原装的充电器 或(和) 数据线出了问题。
qTip – CSS Tooltips（css鼠标经过title样式）
点击预览：qTip_CssToolTips（源代码点右键查看）
友吧今天
- 修改所选标签下没有场馆时的地图显示范围及文字提示。
- 区域较多时折行，样式调整为左对齐。
- 场馆详细页：修改标签链接。
- 修改其他细节问题。
- 嵌套 sports v2 首页。
星期日 晴 15～25℃
javaScript:void(0) 在 IE6 下的问题
有时需要这样来跳转页面：
<script type="text/javascript">
function jumpUrl(){
window.location.href = "test.html";
}
</script>
<a href="javascript:void(0)" onclick="jumpUrl()">test</a>
但是在 ie6 下刷新不了页面。
解决方法是直接把方法写在 href 里：
<a href="javascript:jumpUrl()">test</a>
不过标准的写法似乎是这样：
<a href="javascript:void(jumpUrl())">test</a>
《洛杉矶之战》
上周看了一些，下午接着看完。
友吧今天
- 修复在 ie6 下不能跳转标签的问题。
- 和 ryan 讨论 uh_tag 表规则。
星期六 多云 15～25℃
上午拿中药。下午休息。
星期五 小雨转阴转多云 11～20℃
css强制不换行
white-space:nowrap;
3d标签云放在iframe里好控制
在 zcool 下载的 js 3D球面标签云效果，昨天下午折腾了好长时间，不好控制，昨晚本来准备收工第二天再研究时，灵光一现，想到 iframe。试一下，果然是要放在iframe里。
灵感不是设计的专利，技术有时也需要。
注：
var radius = 120;
这个是设置圆球大小的值，不像是半径，因为 210px 的 div 宽度，只要设置成 80px 左右就可以了。
能撑 30 个了
俯卧撑第一次撑到 30 个。从 20 进阶到 30 花了好几个月。
友吧今天
- 开始嵌套运动 v2 首页。
- Ryan 昨晚加入了场馆排序，有一些问题，还在处理中。
- 把 v2 首页发给老张看，回复说导航没有运动气息。结合这个建议在 banner 上加了青春活力的人物元素，导航要改的话要等到 v3 了。
- 去掉导航拱桥上的圆弧栏杆。
星期四 阴转小雨 14～25℃
一个简单的div蒙层效果（原生js，兼容 IE、FF、Opera、chrome）
昨天找到的那个虽然效果不错，可是在一些低配置机器会比较卡，今天费了很大劲又找到一个，比较简单。测试时在chrome下发现一个问题，Y方向不居中，发现原来是chrome对scrollTop的识别问题。
原代码：
document.documentElement.scrollTop
修改为：
document.documentElement.scrollTop+document.body.scrollTop
2012-2-23 更新：
- 改变窗口大小时蒙层始终居中；
- 避免在页面无滚动条时，显示蒙层后出现纵向流动条；
- 显示蒙层时隐藏横向滚动条。
2012-2-27 更新：
拖动滚动条时蒙层始终居中。
全文例子：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<style type="text/css">
.pop { border:3px solid skyblue;width:400px; background:#fff; padding:5px; display:none;}
</style>
<script type="text/javascript">
function BtHide(id){var Div = document.getElementById(id);if(Div){Div.style.display="none"}}
function BtShow(id){var Div = document.getElementById(id);if(Div){Div.style.display="block"}}
function BtPopload(showId){
// 高度减去 4px，避免在页面无滚动条时显示遮罩后出现流动条
var h = (Math.max(document.documentElement.scrollHeight,document.documentElement.clientHeight) – 4) + ‘px’;
var w = document.documentElement.scrollWidth + ‘px’;
var popCss = "background:#fefefe;opacity:0.3;filter:alpha(opacity=30);position:absolute;left:0;top:0;overflow:hidden;border:0"
var rePosition_mask = function() {
pop_Box.style.height = h;
pop_Box.style.width = w;
pop_Iframe.style.height = h;
pop_Iframe.style.width = w;
if (document.documentElement.offsetWidth < 950) {
//防止正常宽度下点击时 在 ff 下出现页面滚动到顶部
document.documentElement.style.overflowX = "hidden";
}
}
var exsit = document.getElementById("popBox");
if (!exsit) {
var pop_Box = document.createElement("div");
pop_Box.id = "popBox";
document.getElementsByTagName("body")[0].appendChild(pop_Box);
pop_Box.style.cssText = popCss;
pop_Box.style.zIndex = "10";
var pop_Iframe = document.createElement("iframe"); // 这里如果用 div 的话，在 ie6 不能把 <select> 遮住
pop_Iframe.id = "popIframe";
document.getElementsByTagName("body")[0].appendChild(pop_Iframe);
pop_Iframe.style.cssText = popCss;
pop_Iframe.style.zIndex = "9";
rePosition_mask();
}
BtShow("popIframe");
BtShow("popBox");
BtShow(showId);
var pop_Win = document.getElementById(showId);
pop_Win.style.position = "absolute";
pop_Win.style.zIndex = "11";
var rePosition_pop = function() {
pop_Win.style.top = document.documentElement.scrollTop + document.body.scrollTop + document.documentElement.clientHeight/2 – pop_Win.offsetHeight/2 + ‘px’;
pop_Win.style.left = document.documentElement.scrollLeft + document.body.scrollLeft + document.documentElement.clientWidth/2 – pop_Win.offsetWidth/2 + ‘px’;
}
rePosition_pop();
window.onresize = function(){
w = document.documentElement.offsetWidth + ‘px’; // 使用 scrollWidth 不能改变宽度
rePosition_mask();
rePosition_pop();
}
window.onscroll = function(){
rePosition_pop();
}
}
function BtPopShow(Bid,Did) {
var UploadBtn = document.getElementById(Bid);
if (UploadBtn){UploadBtn.onclick = function() {BtPopload(Did);return false;}}
}
function BtPopHide(Bid,Did) {
var UploadBtn = document.getElementById(Bid);
if (UploadBtn){UploadBtn.onclick = function() {BtHide(Did);BtHide("popBox");BtHide("popIframe");return false;}}
}
</script>
</head>
<body>
<a href="#@" id="open_1">测试一</a>
<a href="#@" id="open_2">测试二</a>
<div class="pop" id="tinybox_1"><a href="#" id="close_1">关闭一</a></div>
<div class="pop" id="tinybox_2"><a href="#" id="close_2">关闭二</a></div>
<script type="text/javascript">
BtPopShow("open_1","tinybox_1");
BtPopHide("close_1","tinybox_1")
BtPopShow("open_2","tinybox_2");
BtPopHide("close_2","tinybox_2")
</script>
</body>
</html>
友吧今天
运动首页v2设计完成。
星期三 晴 13～24℃
终于找到一个好用又不是很重的div蒙层效果
以前断断续续找过很多次，都没有找到一个理想的，要么太笨重，要么一些浏览器不兼容。今天找到一个挺酷的效果，体积也不是很大，4K的js，完全可以接受。
重点说明：经测试，如果是加载外部子页面，那么子页面的样式要复制到父页面中。
来自：http://www.zhangxinxu.com/wordpress/?p=70
友吧今天
继续设计新首页。
星期一 多云转晴 8～21℃
友吧今天
- 场馆发布页加入“城市区域”选择。
- 继续设计新的首页。
浙公网安备 33010602001796号