前端经验

简单的jquery倒计时案例完整代码

!doctype html html head meta charset = utf-8 title 通俗易懂的jquery倒计时 / title script src = http://libs.baidu.com/jquery/1.11.3/jquery.min.js / script style body { background-color :black;} #box1 { color : #fff ; font-size : 30px...

前端经验

判断手机是竖屏还是横屏状态

script // 判断横屏展示时的状态 window.onorientatinchange=function(){ if(window.orientation==90||window.orientation==-90){ window.location.reload(); /*横屏状态刷新*/ }else{ window.location.reload(); /*竖屏状态刷新*/ } }...

前端经验

JavaScript 判断滚动条是否滚动到最底部

!DOCTYPE html head meta charset = utf-8 meta name = renderer content = webkit title js判断滚动条是否到底部 / title style .bottom { width : 500px ; height : 50px ; position : fixed; left : 50% ; margin-left : - 250px ; top : 50% ;...

前端经验

移动端touch事件案例详解

!doctype html html lang = en head meta charset = UTF-8 title 移动端touch事件 / title style #div { width : 100% ; height : 800px ; border : 1px solid #000 ; } / style / head body div id = div / div script type = text/javascript var div...

前端经验

JavaScript 实现文字动态闪烁切换效果

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd head style :root { font-size : 15px ; } .board { background : black; color : red; display : inline-block; padding : 10px ; bo...

前端经验

控制获取监听安卓手机物理返回键的事件

script// 控制手机物理键--返回window.onload = function (){ if (window.history window.history.pushState) { $(window).on( popstate , function () { var hash Location = location.hash; var hash Split = hash Location.split( #!/ ); var has...