Geben Schatten-Effekt mit jQuery

möchte ich overlay und Schatten-Effekt mit jQuery.ich habe Schwierigkeiten bei der Verwendung es

Haben Sie versucht, jede Jquery-plugin?
Bitte genauer sein. Benutzt du ein plugin? Beziehen Sie sich auf ein modal-window-Effekt? Welche Schwierigkeiten haben Sie?

InformationsquelleAutor sampada pai | 2011-03-20

  1. 9

    Brauchen Sie nicht, ein Schatten-plugin für diese. Verwenden Sie die folgenden cross-browser-shadow CSS-Eigenschaften und legen Sie Sie in der name einer Klasse .shadow. Dann mit jquery addClass() Funktion können Sie die shadow-Klasse zu jedem element, das Sie möchten, um einen Schatten hat.

    CSS

    .shadow{
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 4, Direction = 135, Color = '#cccccc');
}

    jQuery

    $('div').addClass('shadow');

    Den oben jQuery-Selektor gelten die Schatten-div-element. Sie können ebenso gelten die gleichen Schatten Klasse zu jedem element, das Sie möchten, um einen Schatten hat. Sie können Passen Sie die Schatten-CSS-Eigenschaften wie erforderlich.

    Check funktioniert beispielsweise bei http://jsfiddle.net/ttCSQ/1/

    InformationsquelleAutor Hussein

  2. 0

    Schatten Teil: 

    <script type="text/javascript">
    $(function(){
       $("#exampleDiv").shadow({
           width:5, 
           startOpacity:60, 
           endOpacity:10, 
           cornerHeight:8, 
           color:"#000000"
       });
    })
</script>

    dies ist für die overlay-Teil : http://flowplayer.org/tools/overlay/index.html

    InformationsquelleAutor Ram Kumar

Schreibe einen Kommentar