Fermé

Create mouseover effect

Create html template with javascript/jquery/prototype so that the output looks like google search results page.

Notice the arrows after each result. mouseover the arrows should populate the div on the right.

The inside design of the right div can be ignored. The inside design of individual search results can also be ignored.

As of now, the google search results changes the collor of the >> arrows and the right box to a grey background.

We want the color of the mouseovered result to be greyed out as well. If you want, you can completely take out the ">>" arrow and instead show the right div on mouseover the search result. Only condition is that the right div should not go away unless another search result is hovered. Again, should work just like google does.

The right box will be fixed. The left half will scroll with the scrollbar.

Assume a 90% page width available.

We have search results each with a unique id if that helps. We cannot create CSS element for each id because there are thousands of those.

Again, we just want a working template which works similar to google search. We want JS, CSS and HTML Code.

It should be lightweight and can be based on jquery or prototype.

When no link is hovered, we want it to show a default content.

Other than that, the entire functionality should mimic google search results page. with Preview functionality.

Compétences : CSS, HTML, jQuery / Prototype

Voir plus : div mouseover css, css mouseover, mouseover effect css html, we create it, template prototype, search box design css code, prototype template, prototype scrollbar, div search, create js with html content, changes to take effect, mouseover prototype, mouseover effect, template after effect, mouseover, create js, after effect, after effect template , create effect, jquery instead, half html, html show scrollbar, effect javascript, search box jquery, scroll div page

Concernant l'employeur :
( 0 commentaires ) United States

N° du projet : #1670143

14 freelance ont fait une offre moyenne de 103 $ pour ce travail

kssoftphp

css/javascript expert here

150 $ USD en 5 jours
(25 Commentaires)
6.0
dinotech

We are working in web development since last 4 years. Our first aim is reliable to submit quality project on time; Some of the Projects done by us:- [url removed, login to view]://[url removed, login to view] (Zend) [url removed, login to view]://[url removed, login to view] Plus

50 $ USD en 3 jours
(33 Commentaires)
5.9
Ajcm623

hello i have gone thorugh your reuqirement plz check my pm for further info thank u

90 $ USD en 2 jours
(57 Commentaires)
5.9
dimpyniku

pls chk my post pmb for more detail. txs

100 $ USD en 2 jours
(38 Commentaires)
5.6
codinglover89

Please check PMB for more detail!

100 $ USD en 1 jour
(8 Commentaires)
4.5
phpism

Hi there, Im interested and can do that as you want. Kindly refer to the personal message for more information.

150 $ USD en 4 jours
(11 Commentaires)
4.5
sydcode

Hello, I think this would be an interesting project. It's a nice effect and one worth knowing how to do. Thanks for considering my bid!

50 $ USD en 3 jours
(18 Commentaires)
4.2
robindersingh

Hmm sounds interesting, Offering 7+ years of experience. m available to discuss more.

100 $ USD en 3 jours
(5 Commentaires)
4.0
itconsultindia

php/mysql/ajax team

200 $ USD en 2 jours
(2 Commentaires)
1.9
AppNode

Hi, We are interested in developing this webpage for you. I have sent you a customized quote, please check the message and do get back to us. Thank you, I'm Looking forward to your reply.

75 $ USD en 2 jours
(1 Commentaire)
1.6
godisno5

Sir,Please before awarding to anyone please check my msg

30 $ USD en 1 jour
(1 Commentaire)
1.2
bestsolutionpk

I read description and understand project requirement, i will give you best quality of work.

68 $ USD en 1 jour
(1 Commentaire)
1.2
GVW3B5s4l

Custom Software Development - <b><i>Removed by Admin</i></b>

250 $ USD en 1 jour
(0 Commentaires)
0.0
SaranyaKichu

We have a powerful team to develop the difficult task.

30 $ USD en 12 jours
(0 Commentaires)
0.0