本文通过实例代码给大家介绍了射流研究…实现警报的方法,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
废话不多说了,直接给大家贴代码了,具体代码如下所示:
脚本
window.alert=警报
功能警报(数据){
var MainDiv=document。createelement(' div '),
p=document.createElement('p '),
所有页面=文档。createelement(' div '),
BTN=文件。createelement(' div '),
文本节点=文档。创建文本节点(数据?数据: ''),
btnText=文档。创建文本节点('确定');
//控制样式
css(所有页面,{
位置':'固定,
_position ':'绝对,
宽度':' 100% ',
高度':' 100% ',
"左":"0",
顶部':' 0 ',
背景:' rgba(0,0,0,0.5)',
-moz-opacity': '0.5 ',
滤镜:'阿尔法(不透明度=50)',
z-index': '97 ',
});
css(MainDiv,{
位置':'固定,
"左":"0",
"右":"0",
顶部':' 30% ',
宽度':' 14英尺,
身高':' 5雷姆,
填充顶部':' 0.5雷姆,
边距':' 0自动,
背景色':'白色,
font-size ':' 0.75雷姆,
文本对齐':'居中,
位置':'相对,
border-radius': '5px 5px 5px 5px ',
});
css(btn,{
背景:' #de241b ',
颜色':'白色,
宽度':' 6雷姆,
左边距':' 4个边,
边距-底部':' 0.25雷姆,
身高':' 1.5雷姆,
border-radius': '5px 5px 5px 5px ',
位置':'绝对,
填充顶部':' 0.5雷姆,
底部':' 0 ',
})
//内部结构套入
p。appendchild(文本节点);
BTN。追加子对象(BTN文本);
主分区。appendchild(p);
主分区。appendchild(BTN);
所有页面。appendchild(MainDiv);
//整体显示到页面内
文档。getelementsbytagname(' body ')[0].appendChild(所有页面);
//禁止滚动
$('body ').开('触摸移动,功能(事件){
事件. preventDefault
},假)
//确定绑定点击事件删除标签
btn.onclick=function () {
所有页面。父节点。移除子项(所有页面);
//启用滚动
$('body ').关闭('触摸移动');
}
}
函数css(targetObj,cssObj) {
var str=目标对象。获取属性(' style ')?目标对象。获取属性(' style '):' ';
for(CSS对象中的变量I){
str=I ':' CSS obj[I]';';
}
目标对象。风格。CSS text=str
}
以上所述是小编给大家介绍的使用Java脚本语言实现警报的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。