用css媒体查询、js等实现手机、平板横竖屏判断

//此为平板竖屏 @media (min-width: 768px) and (orientation: portrait) { body { background-color:cyan; } }   function judgeDirection(){ if(window.orientation==180||window.orientation === 0){ alert("手机为竖屏!"); } if(window.orientation==90||window.orientation==-90){ alert("手机为横屏!"); } } window.addEventListener("onorientationchange" in window ? "orientationchange" ...

jQuery备忘录(二)

    $("button:last").click(function() { $("#a2").hide({ duration: 3000, complete: function() { alert('执行3000ms动画完毕') } }) }); show与hide方法是修改的display属性,通过是visibility属性布局需要通过css方法单独设置 如果使用!important在你的样式中,比如display: none !important,如果你希望.show()方法才能正常工作,必须使用.css('display', 'block !important')重写样式 如...

jQuery备忘录(一)

jQuery2.x 不再兼容 IE6、7、8 。 jQuery 名称冲突:var jq=jQuery.noConflict(),使用自己的名称(比如 jq)来代替 $ 符号。 把jQuery对象转成DOM对象:利用数组下标的方式读取到jQuery中的DOM对象 层级选择器都有一个参考节点 后代选择器包含子选择器的选择的内容 一般兄弟选择器包含相邻兄弟选择的内容 相邻兄弟选择器和一般兄弟选择器所选择到的元素,必须在同一个父元素下.   :eq(), :lt(...
Copyright © 花未全开月未圆 保留所有权利.   Theme  Ality

用户登录