前端经验

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 / style / head body img id = pic style = width:100px;height:100px;border-radius:50%;...

前端经验

鼠标放上边框变虚转圈效果的案例

!doctype html html head meta charset = utf-8 title 鼠标放上边框变虚转圈效果 / title script src = http://libs.baidu.com/jquery/1.11.3/jquery.min.js / script style body { width : 400px ; height : 400px ; margin : 50px auto; } .box...

前端经验

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 .imageDiv { display :inline-block; width : 160px ; height : 130px ; -webkit...

前端经验

简单的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% ;...