摘要：
需求描述：用CSS3实现热门标签的动画效果，要求手指离开屏幕时换屏，换屏时通过动画过渡，点击热门标签时应跳转到搜索页。 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>手机热门标签动画</title> 6 <style> 7 body{width:400px;height:400px;} 8 .box{ width:100%; height:290px;border: solid 1px black; 阅读全文
摘要：
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Snake</title> 6 <style> 7 canvas{width:100%;height:100%;border:solid 1px;} 8 </style> 9 </head> 10 11 <body> 12 <canvas id="snake" width="600& 阅读全文
摘要：
在手机浏览器中触发touchmove事件的同时默认会让滚动条滚动，有时候我们不喜欢这样，比如我们希望图片弹出层能固定住，不要让它随滚动条滚动，或者我们运用到touch事件的时候被滚动条干扰。这时我们可以这样做：var box = document.querySelector(".searchM");box.addEventListener('touchmove', function (event) { event.preventDefault(); }, false); 阅读全文
摘要：
最近要做一个手机端的热门标签动画的效果，要求手指离开屏幕的时候执行动画，点击热门标签又要跳转到搜索页，但点击热门标签的时候只会执行动画，不会跳到搜索页，后来得知手指点击屏幕的时候不只会触发click事件，还可能触发touch系列事件，而touch相关事件都是先于内嵌的onclick执行的，于是研究了一下点击事件的执行顺序。测试代码：<body><a href="javascript:alert('href');" id="test" onclick="alert('内嵌onclick');&qu 阅读全文