- 博客(4)
- 收藏
- 关注
原创 JS事件封装函数,跨浏览器添加事件和删除事件
JS事件封装函数,跨浏览器添加事件和删除事件一、事件流事件流 描述的是从页面中接受事件的顺序。1.事件冒泡冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发2.事件铺货捕获型事件(event capturing):事件从最不精确的对象(document 对象)开始触发,然后到最精确(也可以在窗口级别捕获事件,不过必须由开
2016-09-30 15:59:13 2445
原创 js 实现拖拽
JavaScript基础入门学习,实现移动拖拽。适合新手学习和参考。不足之处希望大神提出你宝贵的意见。一:实现简单的拖拽二:实现浏览器的兼容性。在拖拽的过程中不会超出屏幕,当你拖拽物体放在那里,就是那里。如果放在右下角,缩小屏幕是,物体不会被遮罩。实现效果:一、简单的实现拖拽一 界面设计 二 设计效果 由于我们弹窗的遮罩我们采用了c
2016-09-29 13:49:09 608
原创 js 实现遮罩层锁屏功能
我们需要对弹出的窗口进行强调突出表现,那么需要对周围的元素进行遮罩。并且周围的元素还不可以进行操作,又需要进行锁屏。最后我们需要对重复的代码进行封装。 一 界面设计 效果图一效果图2二 设置效果1.做一个遮罩层 创建一个可以布满整个浏览器的div,将它z-index层结构设置为9998,而login弹窗的div设置为9999,高一层。
2016-09-26 17:02:06 6042
原创 JS 设置物体居中
对于js初级学习很有帮助。JS实现物体居中,触发发浏览器窗口时物体也居中。这里实现的是一个弹出登录框居中的一个效果。效果图1:点击登录页面,弹出登录窗口效果图2:登录窗口。点击红的X关闭登录框方法1.window.onload=function(){ //所有浏览器都兼容 //alert(doc
2016-09-26 14:25:40 2557
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人