• آموزش جی کوئری: CSS
    #1
    Note 
    با استفاده از تابع CSS میتوان استایلی را برای یک المنت تعریف کرد و یا مقدار یک ویژگی را خواند.

    مثال - خواندن ویژگی(property)
    [JS]
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>css demo</title>
    <style>
    div {
    width: 60px;
    height: 60px;
    margin: 5px;
    float: left;
    }
    </style>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
    <span id="result">&nbsp;</span>
    <div style="background-color:blue;"></div>
    <div style="background-color:rgb(15,99,30);"></div>
    <div style="background-color:#123456;"></div>
    <div style="background-color:#f11;"></div>
    <script>
    $( "div" ).click(function() {
    var color = $( this ).css( "background-color" );
    $( "#result" ).html( "That div is <span style='color:" +
    color + ";'>" + color + "</span>." );
    });
    </script>
    </body>
    </html>
    [/JS]

    مثال - ست کردن استایل

    [JS]
    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>css demo</title>
    <style>
    p {
    color: green;
    }
    </style>
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
    <p>Move the mouse over a paragraph.</p>
    <p>Like this one or the one above.</p>
    <script>
    $( "p" )
    .on( "mouseenter", function() {
    $( this ).css({
    "background-color": "yellow",
    "font-weight": "bolder"
    });
    })
    .on( "mouseleave", function() {
    var styles = {
    backgroundColor : "#ddd",
    fontWeight: ""
    };
    $( this ).css( styles );
    });
    </script>
    </body>
    </html>
    [/JS]

    پاسخ
    ایجاد موضوع جدید   پاسخ به موضوع  

    موضوعات مرتبط با این موضوع...
    موضوع نویسنده پاسخ بازدید آخرین ارسال
    Note کتاب آموزش node.js C0der 0 773 11-03-2014 ساعت 14:16
    آخرین ارسال: C0der
    Note آموزش جی کوئری: ایجاد تاخیر در انجام دستورات با Delay WWWorker 0 624 01-01-2014 ساعت 20:02
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: رویداد Click WWWorker 0 369 31-12-2013 ساعت 20:55
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: انیمیشن WWWorker 0 355 31-12-2013 ساعت 20:51
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: اضافه یا حذف Class WWWorker 0 574 31-12-2013 ساعت 20:40
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: اضافه کردن المنتهایی به المنت موجود WWWorker 0 450 31-12-2013 ساعت 20:34
    آخرین ارسال: WWWorker
    Note آموزش Ajax در 5 دقیقه! SOFTAFZAR 3 998 14-08-2013 ساعت 09:17
    آخرین ارسال: Daniel
    Note آموزش ساخت color picker amirali 0 428 06-02-2013 ساعت 20:40
    آخرین ارسال: amirali
    Note کتاب آموزش جاوا اسکریپت Stack OverFlow 0 541 16-09-2012 ساعت 18:14
    آخرین ارسال: Stack OverFlow
    Note آموزش مقدماتی جاوا اسکریپت SOFTAFZAR 17 3,612 16-07-2012 ساعت 11:32
    آخرین ارسال: SOFTAFZAR

    کاربرانِ درحال بازدید از این موضوع:   1 مهمان