鼠标滚动 _2012-12-22_:
function handleMouseWheel (e) {
if (!e) e = window.event;
if (e.wheelDelta <= 0 || e.detail > 0) {document.getElementById('t').innerHTML='滚轮向下滚?'}
else {document.getElementById('t').innerHTML='滚轮向上滚?'}
}
if(document.attachEvent||/(?:ie|webkit)/i.test(navigator.appVersion)){
document.onmousewheel = handleMouseWheel;
}else{
window.addEventListener("DOMMouseScroll", handleMouseWheel, false);
}
IE系支持HTML5标签 _2012-06-29_:
<!–[if IE]>
<script>
(function(){
if(!/@cc_on!@/0)return;
var e = “abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,time,video,section”.split(‘,’),
i = e.length;
while(–i){ document.createElement(e[i]);}
})()
</script>
<![endif]–>
CSS3.0 3D效果 - 2012/3/20
.parentNode{
-moz-perspective: 1000px; /* 透视距离*/
-moz-transform-style: preserve-3d; /* 3D渲染模式 */
}
.child{
-moz-transform:translateX(350px) translateZ(-200px) rotateY(-45deg);
-moz-transform: translateX(-350px) translateZ(-200px) rotateY(45deg);
}
禁止移动浏览器缩放Web页面 - 2012/3/20
在移动浏览器中以原始大小显示Web页面,并不允许缩放。
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”/>
其中:
width - viewport的宽度
height - viewport的高度
initial-scale - 初始的缩放比例
minimum-scale - 允许用户缩放到的最小比例
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
Javascript 模拟事件 - 2012/3/21
_// alert($.browser.msie +" "+$.browser.version);_
var eo=document.getElementById("ipt_1");
eo.onclick=function(){
alert(navigator.userAgent);
}
function initKeyEventDM()
{
if( window.outerWidth == undefined )
{
eo.fireEvent("onclick");
}else{
var vo = document.createEvent("KeyEvents");
vo.initKeyEvent("click", true, true, null, false, true, false, false, 68, 0);
eo.dispatchEvent( vo );
}
}
initKeyEventDM();
jQuery 在IE下的“_参数无效_”BUG 2012/3/24
今天发现在<td/><th/>等标签上使用** attr**(“width“, 120); 或** attr**(“height“, 32);时会出现该问题,其他标签或者其他属性都正常(暂时没发现异常),其他类似问题:
- $(“#id”).css(“backgroundImage”, “bg.jpg”); // 错误
$(“#id”).css(“backgroundImage”, “url(bg.jpg)”); // 正确 - 有人反应使用$(#id).html(html);时也有该错误,尽量把html简化,不要太多嵌套。