web前端|js教程
点击,悬浮窗
web前端-js教程
JQuery有很多这样的插件，但是我们公司不用jquery，没有插件，所以我就试着自己写，我也不知道别人是怎么写的，纯粹是按着自己的想法来的。
水果蔬菜配送网源码,vscode怎么调试go,ubuntu 日历工具,tomcat添加代理,sqlite3显示表头,前端用什么框架写组件好一点,爬虫进抖音直播间刷,php统计元素个数,昌乐seo优化价格,html 爱情网站,网页的源代码与下载地址,c语音中模板的代码实例lzw
直接上代码：
理财源码php系统,vscode如何注释中文,ubuntu服务 查看,配置tomcat网站图标,c#+sqlite修改数据,厕所中出现长条形爬虫图片,php 进制表示,seo有些省流量高,网站加了防护后台怎么修改不了,cmseasy模板制作lzw
window.onload = function(){
var btn = document.getElementsByTagName(utton)[0];
var flt = document.getElementsByTagName(div)[0];
btn.onclick = function(){
event.cancelBubble = true;
var x = btn.offsetLeft - 15 + px;
var y = btn.offsetTop - 100 + px;
flt.style.top = y;
flt.style.left = x;
flt.style.display = lock;
}
document.onclick = function(){
flt.style.display = one;
}
}
*{
margin: 0px;
padding: 0px;
}
div{
width: 60px;
height: 100px;
background: #33ccff;
display: none;
position: absolute;
}
div ul{
text-align: center;
}
div li{
list-style-type: none;
}
button{
top: 300px;
left: 400px;
position: absolute;
}
Demo 1
Demo 2
Demo 3
Demo 4
Demo 5
复制到本地就可以测试了。
房卡游戏源码安装,ubuntu 分区划分,tomcat开启远程管理,scrapy 爬虫 保存,php Kafka 场景,罗源县百度推广seolzw
这里要说一下cancelBubble这两个东西。因为我做的效果是点击按钮就显示div，点击页面的任意位置div就消失，但javascript的冒泡机制是button获得一个onclick事件后，往上冒泡，dom在获得一个onclick事件，这样的话就和让div消失的onclick事件冲突了，所以需要event.cancelBubble = true;这行代码来停止冒泡。大体就是这样，代码很简单。
