摘要：
最近利用jquery开发touch版网站的时候，常用到jquery的动画效果。如，slidedown animate等 动画函数。但在移动设备上测试会发现运动并不是很流畅。因此想到改用wekkit原生css3属性，使效果流畅了很多。通过改变translate 而不是改变 left 或者margin-left 来实现滑动，效率提升会很明显，平滑度几乎可以媲美native app。在对js执行效率不是很高的移动终端中尤为明显。但是css3的写法复杂繁琐，于是发现了jQuery Transit这个插件。jQuery Transit 是一个利用了 CSS3 的过渡和转换特性来实现动画特效的 jQuer 阅读全文
摘要：
html5原生支持placeholder，对于不支持的浏览器（ie），可用js模拟实现。js代码(function(){ //判断是否支持placeholder function isPlaceholer(){ var input = document.createElement('input'); return "placeholder" in input; } //不支持的代码 if(!isPlaceholer()){ //创建一个类 function Placeholder(obj){ ... 阅读全文
摘要：
主题：使用 Jquery的 scroll事件，实现当滚动条到达最底部时，自动加载新项原理：滚动条事件中，判断是否到达最底部，是的话调用添加方法，异步向尾部追加内容。补充1：网上有找到一个此效果的网站：www.diandian.com 2：替代方案：QQ空间的好友动态中使用在最底部放置一个按钮，之后异步加载数据！前置条件：添加jquery.min.js源码：（以下代码，关于判断是否为最底部的方式，其精确性有待进一步研究）------------------------------------------------------------------------------------<h 阅读全文
摘要：
在移动应用中,有时要判断用户把设备竖向变成横向时,页面必须做出必须的调整,在 apple系列的机器上,如ipad,iphone,itouch等,有一个属性可以判断: window.onorientationchange = detectOrientation;function detectOrientation(){if(typeof window.onorientationchange != 'undefined'){if ( orientation == 0 ) {//Do Something In Portrait Mode}else if ( orientation = 阅读全文
摘要：
//缩放类 兼容性良好 var zoomClass = function(o){ if (typeof(o) == "string") o = document.getElementById(o); if (document.attachEvent) o.attachEvent("onmousewheel", func); else o.addEventListener("DOMMouseScroll", func, false); function func(e){ if (e.target) { var oWidth = e.target.width; var width = e.t 阅读全文
摘要：
在大部分前端开发中,需要在DOM树载入时马上执行一些函数，但又不愿意仅为了这一个需求而引入整个jQuery库，于是就把jQuery的ready方法提取出来，单独使用了。当然大家可以使用windows.onload事件, 但onload在浏览器看来，就是页面上的东西（img,iframe等资源）全部都加载完毕后才能发生，如果页面内有大的图片的话，会在页面展现后好久时间后才执行。如果只需要对DOM进行操作，那么这时就没必要等到页面全部加载了。我们需要更快的方法。Firefox有DOMContentLoaded事件可以轻松解决，可惜的就是IE没有。MSDN关于JSCRIPT的一个方法有段不起眼的话， 阅读全文
摘要：
fadeIn fadeout//淡入效果(含淡入到指定透明度)function fadeIn(elem, speed, opacity){ /* * 参数说明 * elem==>需要淡入的元素 * speed==>淡入速度,正整数(可选) * opacity==>淡入到指定的透明度,0~100(可选) */ speed = speed || 20; opacity = opacity || 100; //显示元素,并将元素值为0透明度(不可见) elem.style.display = 'block'; iBase.SetOpacity(elem, 0); / 阅读全文
摘要：
1、obj.style只能获得内嵌样式（inline Style）就是写在Tag里面的，他访问不到那些链接的外部css和在head中用<style>声明的style。所以必须认识到在那些使用外部Css文件的页面中，如果用style赋值，如obj.style=“color:red”;显然效果是正确的，其中的奥秘确是只是在该对象的tag上多添加了一个style属性，... 阅读全文
摘要：
费了九牛二虎之力才把这个效果整理好。重新定义了数组。主要是为了编辑们修改方便。◄ 1/►代码 阅读全文
摘要：
参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 操作系统：Windows 蓝色理想经典论坛首发，转载请注明出处 这次给项目做的级联菜单使用了纯CSS的方式，霍霍，能用CSS做的，就用CSS完成吧。 早已有前辈完成过这样的实例了，我以为我能顺利完成，但没想到处处碰壁，故记录一点心得如下，供大家参阅。 废话不多说，咚咚咚，开始制作啦！ ... 阅读全文