移动端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...
html获取链接上面的参数
$( body ).click( function (){//html获取链接上面的参数 function getQueryString(name){ var reg = new RegExp( (^|) + name + =([^]*)(|$) ); var r = window.location.search.substr(1).match(reg); if (r!=null) return r[2]; else return ;}va...
jQuery监听enter（回车）事件
!doctype html html head meta charset = utf-8 title jQuery监听enter（回车） / title script src = http://test-wx.ixincheng.com//xcview/js/common/jquery-2.1.1.min.js / script style / style / head body input type = text id = search_input 输...
JS悬浮漂浮广告代码案例（一直在屏幕上走）
!doctype html html head meta charset = utf-8 title 漂浮广告代码 / title script src = http://libs.baidu.com/jquery/1.9.1/jquery.min.js / script / head body div id = imgDiv style = position:absolute;left:50px;top:60px; div id = a style...
导航动画背景跟随鼠标效果
!doctype html html head meta charset = utf-8 title 导航滑动跟随效果 / title script src = http://libs.baidu.com/jquery/1.10.2/jquery.min.js / script style *{ margin : 0px ; padding : 0px ; } body { font-size : 12px ; min-width : 1200...
鼠标经过图片hover放大效果完整案例
!doctype html html head meta charset = utf-8 title 鼠标hover放大效果 / title script src = http://libs.baidu.com/jquery/1.11.3/jquery.min.js / script style .box { width : 200px ; height : 200px ; overflow : hidden; float : left; margin...