I so let's take a look at Dooney hover effect using j.
We're not too far from the everything else we've done so far but a little bit different here so go ahead
and break it down for you.
Start out the same way we have with everything else.
We start with our document was the one that's ready creative function here and within that function
we are going to as always start with our dollar sign and open up a pair of parentheses and within their
we want to target a class this time just to kind of change it up a little bit here.
Now say text copy and no make up whatever you want there.
It's just Ixia says class will say text copy and then we're going to do it on a higher state.
So don't hover over hover right there.
We're going to target now something that we're going to create a variable for and call this one highlight
copy rights will create this kind of object here this highlights copy and then go ahead and close it
out the semi-colon like we normally do and then create a function now that's going to make this whole
thing work and it will say and this function does highlight copying something it copy and paste.
I like copy open and closed.
Open and closed crude brackets and then that function there of highlight copy what are you going to
do.
We're going to do something a little bit different here and use the dollar sign and we're going to pare
parentheses instead of putting quotes going to put quotes as time which I say this.
We're going to target this very specific thing and we will do toggle class.
Now that is something specific to J.
Crew here and they just toggle class and we're going to open and close a set of parentheses you know
and set a
quote marks there and we will say
oh I know what that class is or that is a Class C we are going to create with an R C S s down here where
or say the Tuggle to this class.
Now toggled to change to it use it.
Basically when I don't close it out some I call and they're very simple I think and remove some of the
room here so you can see everything all together.
Delete that.
So again Dyken starts when it's ready go ahead and target does anything with this class within the body
of the document here.
And on hover where I do this highlight copy secret of the function of heilig copy.
And we said whatever that is toggled to the class that says this class of highlight something and come
down here and get it a text box this time that was the old class and they all say I like it open and
close that bad boy and make sure this is a class and not an idea because we said this is a class of
year.
So.
And do something going to court there was a text shadow.
So kind of create a little drop show for the text here and some of the highlights or Mausers and won't
say Kallen
one pixel to the bar one pixel to right and we give with a shadow of just a real light gray c c c c
c c it's nice like gray when there got six circuit court.
So highlight a tech shadow here.
I've got this idea here that was from a previous area that still kind of works here because we're not
going to worry about this but we do need to get this paragraph here something very specific so I could
say this paragraph.
I always open the closes the wrong area.
I cut that out.
In fact I can do this just for the first kind of like sentence area here.
So it just has made a difference.
So we open that paragraph tag will open new paragraph Ted here will cut that guy out and we'll close
this one out.
So again to cache the difference here I'm going to add just this one class
of what I create highlight right there.
So the class of highlight now is I can actually apply that to it just yet.
But that's going to do is only apply it when I hover over it.
If it works right and saved my document and then come back and see my document as cover see that in
my files there and then come back and if I hover dry that onto a browser window here.
So now
and of course that didn't work.
Looks so good that I do and actually plan a class down there so that should be is it should be only
when you say text copy nights and put that right there and say that's and come back and hit refresh.
All right so now that drop should have went away.
Bet the mouse over you can can see that will drop shadow going on over there.
You know let's make that a little bit different.
The texture was kind of cool but just for this case background.
Let's make that a background read when you mouse over it instead save.
Come on back hit refresh 1970s bottom paragraph because they do not target the right class.
But this one I did target with the query class and as a mouse over you you can see that it highlights
there some really cool things you can do with a mouse over using the query.
There is simple code here.
Go through this again if you don't understand as it should be very simple.
We're just targeting this highlight class.
Whenever somebody hovers over it and this class is applied to.