نمایش نتایج 1 تا 4 از 4

نام تاپیک: عمل نکردن OnMouseOut

  1. #1

    عمل نکردن OnMouseOut

    با عرض سلام خدمت دوستان


    توی این برنامه ای که در زیر آمده سعی دارم که:

    یک متنی رو بدون استفاده از jquey و امسال آن یک متنی در صفحه به صورت آرام چشمک بزنه
    و وقتی Mouse روی اون قرار می گیره این متن در حال چشمک زن سریع تر چشمک بزنه و وقتی از روی اون خارج می شه سرعت چشمک زنی اش به حال اولیه برگرده.

    مشکلات:
    1- منتها برنامه وقتی Mouse از روی اون خارج می شه این اتفاق نمی افته.
    2- در ضمن این متن در IE هیچ عملکردی نداره.


    حالا از دوستان راهنمایی می خواهم که چطور این دو موررو حل کنم

    با تشکر



    کد برنامه:


    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <link id="iconimg" rel="icon" href="smile.png" />
    <title>Main Page</title>
    <script type="text/javascript">
    function inout(del){
    var i = .1;
    window.setInterval(function(){
    i += .1;
    if (i >= 1)
    i = .01;
    document.getElementById("d1").style.opacity=i;
    },del);
    }
    </script>
    </head>

    <body onLoad="inout(50);">
    <div id="d1">
    <a href="#" onMouseOver="inout(5);" onMouseOut="inout(50);">
    <h4>
    https://barnamenevis.org
    </h4>
    </a>
    </div>
    </body>
    </html>

  2. #2

    نقل قول: عمل نکردن OnMouseOut

    opacity تو IE جواب نمیده ...
    filter: alpha(opacity = 50);
    از 1 تا 100
    در ضمن برای عمل کردن صحیح در IE تگت حتما باید طول و عرض براش تعریف شده باشه...
    در مورد عمل نکردن onmouseout ... چون Interval رو clear نمی کنی با همون Intervale قبلی کارشو ادامه میده ....

    <html>
    <head>
    <title>Main Page</title>
    <script type="text/javascript">
    var interval;
    function inout(del) {
    clearInterval(interval);
    var i = 10;
    interval = window.setInterval(function () {
    i += 10;
    if (i >= 100)
    i = 10;

    var object = document.getElementById("d1").style;
    object.opacity = i / 100;
    object.filter = "alpha(opacity=" + i + ")";

    }, del);

    }
    </script>
    </head>
    <body onload="inout(50);">
    <div id="d1" style="width: 100px; height: 30px;">
    <h4>
    <a href="#" onmouseover="inout(5);" onmouseout="inout(50);">
    barnamenevis.org </a>
    </h4>
    </div>
    </body>
    </html>
    آخرین ویرایش به وسیله exlord : یک شنبه 22 فروردین 1389 در 09:58 صبح

  3. #3

    نقل قول: عمل نکردن OnMouseOut

    خیلی ممنون از توجهتون

    فقط مهندس ، شما با این خط

    object.filter = "alpha(opacity=" + i + ")";
    این تفکرو به من القا می کنید که هر خصوصیت CSS از یک تا سه گرفته در هر مرورگری که
    استاندارد اونم از W3C نشات می گیره یه جورایی با شکل و شمایا مختلف وجود داره

    یا این طوری بگم : هر خصوصیت CSS ی که در مرورگری اجراشو دیدم مطمئن باشم که معادل
    اون در مرورگرهای دیگه وجود داره منتها شاید به یه شکل دیگه.

    آیا به نظرتون این حرف درسته؟

  4. #4

    نقل قول: عمل نکردن OnMouseOut

    نقل قول نوشته شده توسط mohsen.dbnet مشاهده تاپیک
    خیلی ممنون از توجهتون

    فقط مهندس ، شما با این خط

    object.filter = "alpha(opacity=" + i + ")";
    این تفکرو به من القا می کنید که هر خصوصیت CSS از یک تا سه گرفته در هر مرورگری که
    استاندارد اونم از W3C نشات می گیره یه جورایی با شکل و شمایا مختلف وجود داره

    یا این طوری بگم : هر خصوصیت CSS ی که در مرورگری اجراشو دیدم مطمئن باشم که معادل
    اون در مرورگرهای دیگه وجود داره منتها شاید به یه شکل دیگه.

    آیا به نظرتون این حرف درسته؟
    تقریبا ولی نه همیشه ... به جز IE بقیه browser ها تقریبا یکسانن .....
    البته برای جلوگیری از این مشکلات میتونی از framework های آماده مثل jquery , mootools استفاده بکنی که با همه browser ها سازگار باشن...

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •