آموزش ایجاد متن تایپ شونده با jquery

در این آموزش جی کوئری، ایجاد لیستی از متن های تایپ شونده را به شما خواهیم آموخت که بیشتر کاربرد آن برای مطالب مهم سایت ها میباشد. در واقع مدیران سایتها، میتوانند اخبار یا مطالب مهم وب سایت خود را با افکت تایپ شدن به کاربران نمایش دهند.

دموی این کد را از این قسمت مشاهده کنید.

[free_vip]

ابتدا کدهای جی کوئری را فراخوانی میکنیم :

[html]
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="js/ticker.js"></script>
<script>
/*
=ticker
——————————————–*/
$(document).ready(function() {
    var options = {
          newsList: "#hot-news",
         startDelay: 10,
         placeHolder1: " _"
    }
    $().newsTicker(options);
});
</script>
[/html]

و در انتها کدهای html خود را اضافه می نماییم :

[html]
<ul id="hot-news">
  <li><a href="#">این یک خبر فوری هست</a></li>
  <li><a href="#">این یک خبر فوری۱ هست</a></li>
  <li><a href="#">این یک خبر فوری۲ هست</a></li>
  <li><a href="#">این یک خبر فوری۳ هست</a></li>
</ul><!–#hot-news–>
[/html]

[onliner_button type=”edu-demo” url=’https://onliner.co/demo-education/jquery/ticker/ticker-onliner.ir.zip’]دانلود دمو[/onliner_button]

[/free_vip]

دیدگاه خود را برای ما ارسال کنید

1 Comment
    • s_danial_a
    • ۱۳۹۶-۰۶-۰۸
    پاسخ

    سپاس
    خیلی عالی بود