0

CSSシャドウが適用されるdivがあります。jQuery で次のシャドウ要素を取得する必要があります。

  • h-shadow、v-shadow、blurおよびspreadピクセル単位
  • ある文字列のcolor 影の
  • inset、box-shadowプロパティに適用されている場合。

どうやってするの？border-top-right-radiusで作業する代わりに、右上の境界線の半径を取得するなど、いくつかの特定の CSS プロパティはありborder-radiusますか?

したがって、コード例:

<div id="the_div" style="box-shadow:10px 10px 5px 2px #f00 inset;">...</div>

今いくつかのJavaScript...

$(function(){
    $('#the_div').someFunction(); // returns the h-shadow, for example
});
4

4 に答える 4

2

あなたが望むのは、このようなものです：

jQueryがテキストシャドウ変数を取得

基本的に、解決策は、正規表現を使用してテキストの影をcolor、y、x、およびに分割することblurです。

于 2013-03-13T19:48:59.277 に答える
0 
jQuery("#divID").css("color");

それは色を取得します-jQueryはあなたが要求するcssプロパティを取得します：jQuery CSS

于 2013-03-13T19:45:43.303 に答える
0 
alert($('.myElementClass').css('box-shadow));

<!DOCTYPE html>
<html>
<head>
<style>
div.xxx {
    position: relative;
    background-color: #abc;
    width: 40px;
    height: 40px;
    float: left;
    margin: 5px;
    box-shadow: 10px 10px 5px #888888;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p><button id="go">Run »</button></p>
<div class="xxx"></div>
<script>
    $( "#go" ).click(function(){
        alert($('.xxx').css('box-shadow'));
    });
</script>
</body>
</html>
于 2013-03-13T19:47:47.527 に答える
0

以下を使用する必要があります。

$("#divID").css("box-shadow");

次に、返された文字列を解析して、必要なプロパティを見つけます。文字列は異なる可能性があるため、関数を書き出すつもりはありません。でも、ここから取り出せるはずです。

編集:ブラウザによって動作が異なるため、ここからの一番の回答を使用してブラウザを確認できます。

また、別の回答に関する以前のコメントでリンクした回答も、質問に回答します。ここで見つけることができます

于 2013-03-13T19:49:53.663 に答える