آموزش ایجاد متن تایپ شونده با 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=”#”>این یک خبر فوری1 هست</a></li>
<li><a href=”#”>این یک خبر فوری2 هست</a></li>
<li><a href=”#”>این یک خبر فوری3 هست</a></li>
</ul><!–#hot-news–>
[/html]

[/free_vip]