比较难的一个需求，求助高手

我看你有戏 2014-08-21 11:22:20

我用浏览器空间写了个软件
这个软件嵌入了一张网页

求助，我在这个网页里面加些js，实现某个div高亮显示，其他区域则是被遮挡
div的obj我是可以获取到了，关键就是怎么样让这块区域变亮，而且其他区域被遮挡

测试通过给50满分

...全文

160 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

步慢生错 2014-08-22

打赏
举报

要是跨域单靠js无法完成。需要目标网站的后台配合。关键是你的嵌入一张网页是否是获取目标网站的所有html然后嵌入，还是只是一个链接的形式。

我看你有戏 2014-08-22

打赏
举报

引用 8 楼 yukon12345 的回复:

第二行 var oldPosition; 写重复了，改成 var oldZindex

能不能不用jquery的，用基础的js可以吗

步慢生错 2014-08-22

打赏
举报

第二行 var oldPosition; 写重复了，改成 var oldZindex

似梦飞花 2014-08-22

打赏
举报

高亮显示只是样式问题吧？

步慢生错 2014-08-22

打赏
举报

没啥难度。关键看目标的css中position怎么设置的


<html>
<head>
<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>

        <script>
            var oldPosition;
            var oldPosition;
            $(function(){
                $('#trigger').bind('click',function(){
                    $mask=$('#mask-layout');
                    if($mask.length){
                        //想显示现实哪个填哪个id
                        $target=$("#mid");
                        $target.css("position",oldPosition)
                        $target.css("z-index",oldPosition)
                        $mask.remove()
                    }else{
                        //想显示现实哪个填哪个id
                    $target=$("#mid");
                        oldPosition= $target.css("position")
                        oldZindex=$target.css("z-index")
                        $target.css("position","relative")
                        $target.css("z-index",10000)
                    $("body").prepend('<div id="mask-layout" style="background-color:#000000;height:'+$(document).height()+'px;width:'+$(document).width()+'px;left:0;right:0;position:absolute;z-index:1000"></div>')
                        $('#mask-layout').css("opacity",0.5);
                    }
                })
                $('#mask-all').bind('click',function(){
                    $mask=$('#mask-all-layout');
                    if($mask.length){
                        $mask.remove()
                    }else{
                    $("body").prepend('<div id="mask-all-layout" style="background-color:#000000;height:'+$(document).height()+'px;width:'+$(document).width()+'px;left:0;right:0;position:absolute;z-index:8000"></div>')
                    $('#mask-all-layout').css("opacity",0.5);
                    }
                })
            })
        </script>
        <style>
            .float{float:left;height: 200px;}
            #left{background-color: red;width: 200px }
            #mid{background-color: yellow;width: 250px}
            #right{background-color: blue;width: 300px;}
            #trigger{position:relative;z-index: 10000}
            #mask-all{position:relative;z-index: 10000}
        </style>
</head>
<body>
<div >
    <div id="left" class="float">左侧</div>
    <div id="mid" class="float">中</div>
    <div id="right" class="float">右</div>
    <div style="clear: both"></div>

    <button id="trigger">狠戳这里显示一个</button><button id="mask-all">猛击全遮罩</button>
    <br>（点击显示或取消遮罩）
</div>
</body>
        </html>

我看你有戏 2014-08-22