jQuery Tutorial 24: Creating jQuery News Ticker - Part 2

Learn how to create your own jQuery newsticker and make it work like a charm!

---

Closed Caption:

what's going on guys and welcome gr 24
jQuery tutorial and which will be
continuing with that mystical
which would build in the back to I'm
system
a little bit up amendments to this about
ninety previous and next
this first their positions and chains
something to symbols like these looks
much fancier than
that just keywords you and previous so
now let's
do some CSS and some chick great on this
Alex may get a bit shiny and
inspect element if the to be out we'll
be using
an I hope you know inspect element
because
in my its team issues as well at mics
in my JavaScript to use as well explain
this
inspect element to a couple of times so
if you don't know the yard jumping
directly to jQuery one
that go back to any of my html or css
use
and I'm explaining there's to rate here
the inspect element to
rate nicely both of these so let's just
added
Alyssa lessons missus to it and
say to make
you stick for a little bit body them
pixel
bagged
background
caller
re
should not look
but let's select color from here its
me on way
bold on family should be Calibri
I
let's give it up
batting left pixels
25 maybe
on
with to I guess
avoid making good inline-block
so that
make it effects that should be
so
we go risk of this best
this
thing right errol's the commands
I don't give a damn about indentation
why the heck did work
I have no idea
what went wrong
okay so we are on tutorial 23
were be so now this
is little bit styled so let's stand
these things
and the Selectboard these because
I need some stance
similar on mountains mantra body
them pixels backbone where'd color white
font-size:
what he say 30 pixels maybe
with
ready pixels No
hello it
more
okay so with this product
like them let's make them lock tied
pixels would be good to go
maybe 35 excellence in true I should
also
35 pixels by the radius
fifty percent
and Linhai should also be
35 pixels so we have got a nice little
circle
want to make it a little bit lower
that's
perfectly said
its make
batting the pit little artists use
which is a box sizing
the box
the hyde is right now 35 but 35
school
whatcha school with
line-height: many pixels maybe
with Scott this
and paste it right here
so we have got two buttons on
clicking which would done
the sentence
to other news ticker
at let's make this pink a bit more fancy
with jQuery right now it kinda
immediately appears let's give it it
kinda shading
had its mood transition to happen
so right here this work with next add
we would get the same court but this one
as well right here
and thus removing class active with
seems
create had I'm adding
the class active to this automatically
but let's say to send said the
or be is black busty to see you
know what happens this both the classes
added but the
capacity still see what that means the
element is still out with people
so now leads
animated Alan that I haven't explained
this metal yet
I worked I promise you that
UN I immediately the man next door but
just learn about that
this animated is kind of you are
Jim house if you want to me your
transitions
race move and do a very elastic
so
right here
we are doing that for this let's make it
same for
just one
ext
the three love this
one you okay so we have got it all out
these
why did God peace
because we have to use active Dave
instead of
this
take
so let's reload
and I guess
I messed up but the court a little bit
because
this has to be a do I guess
know what this has to be new stickler
yeah I remember now
reload
what's happening here baby list we
do this all
I've got news ticker use your admit
about studio
one similarly I would like
to have CSS thats
like this that's really what this now
and we have got nice effect
with are chick we want now you see
week at kind of
us moved transition between this we can
just copy and paste this
the slide
with
I went on them
whole bunch of court
just replace it with brief
I'm here as well
just replace it the to with -1
and everything the same through this and
we have got a nice
new stickers styled the ugliest with
possible
the world buddy a who cares so
you could me a lot on news stands out of
this
you could try our own CSS make color
sweetie and
and you could use some more of G Cory
if you wish to and that's how you
created
is simple you sticker with chicory
so thank you for watching 3d tutorial
I'll see them next time
way ahead probably this animated
animate baby right here stuff you then
and don't forget to subscribe