『壹』 如何用js实现鼠标划过SVG中的元素 弹出DIV层
onmousemove 必须写在svg中,但svg中无法识别html的div标签,我试了一下 可以alert信息。但不能加载HTML元素
别用embed。直接用svg嵌进去试试。
『贰』 JS弹出DIV窗口,按ESC取消
显示层:
css:
.showdiv
{
width: 100%;
height: auto;
position: absolute;
left: 0;
top: 0;
z-index: 999;
display: none;
}
.count_div
{
width: 500px;
height: 400px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
border: 1px solid #aaaaaa;
background: #fff;
}
.brg
{
width: 100%;
background: #ededed;
position: absolute;
top: 0;
left: 0;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
display: none;
z-index: 998;
}
js:
function close () {
$("#brg").css("display", "none");
$("#showdiv").css("display", "none");
}
function show() {
$("#brg").css("display", "none");
$("#div_show").css("display", "none");
}
$(document).bind('keydown', 'esc',function (evt){
//关闭层代码
close () ;
return false; });
html:
<!--遮罩层-->
<div class="brg" id="brg">
</div>
<!--显示层-->
<div class="showdiv" id="div_order">
<div class="count_div" id="div_order_count">
内容
</div>
</div>
在网上找一个“jquery.hotkeys.js”的js包,里面都是jquery整理好的热键,
引入jquery包。
$(document).bind('keydown', 'esc',function (evt){
//关闭层代码
return false; });
手敲,未测试,应该不会有太大问题,根据自己内容修改
『叁』 js如何实现点击图片弹出窗口并放大这张图片,弹出的窗口有半透明遮罩层效果,弹出的窗口不跳页面
通过JS代码 document.getElementById('divID').style.etElementById('divID').style.display = 'none'。函数可以实现。
『肆』 javascript实现在一个新的标签页弹出一个新的窗口。
是我截的这种来效果吗?
如果是源的话,这种的是div弹出层,这是调用的jquery-ui-1.7.3.custom.min.js文件,你可以到网上找这个文件,文件中包含$("#div_Add").dialog()的使用
如果不是,那就是模态窗口,用window.showModalDialog,但这个兼容性不好,有些浏览器不支持
请在此输入您的回答