Leatest Tricks:
Showing posts with label Html. Show all posts
Showing posts with label Html. Show all posts

How to create rollover image effect

Sourav 2/14/2016 0
How to create rollover image effect - In a rollover image effect when you take your mouse on a image then it will change and show another image if you know hover effect then you will be understand easily or you can see the demo below when you take your mouse pointer on the bellow image then you will see another image beside it this is called rollover image effect. This is can be created with onmouseover and onmouseout attributes on any ahref link very easily. siply check the source code bellow how to do that.

How to create rollover image effect


 <a href="URL ADDRESS"><img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" /></a> 
Source: How to create rollover image effect

100+ Smooth & Smart "Scroll To Top" Button Codes

Sourav 10/17/2015 0




 Scroll to Top Button



Scroll To Top Buttons Allow Your Website Visitors To Easily Scroll Back To The Top Of Your Page With One Click Of The Button. This Gives Your Website Better Navigation And Also Adds A More Professional Look To Your Current Layout.

What's Special :
  1. Smoothly Scroll to Top .
  2. Only A Single Line Code .
  3. Can Be Use On Any Website .
How To Use :
All scroll to top buttons are free to use and can be quickly installed onto all Websites, Blogs, WordPress, Tumblr and more! Simply choose a button and then copy and paste the relevant code into either your Footer section or the bottom of your HTML page, just before the </body> tag. Recommend inserting the code at the bottom of your page to optimize loading times for your Website

List Of Buttons :

small green up arrow
blue up arrow
black cartoon arrow
red up arrow
back to top button
light blue up arrow
fancy up arrow
green up arrow
pink back to top arrow
blue cartoon arrow
cartoon back to top button green
gray back to top button
black circle top arrow
white back to top arrow
blue back to top button
black and white arrow
pink shaded arrow
blue gray and white arrow
black and white rounded arrow
green and white circle arrow
back to top written in words
blue standard up arrow
red circle up arrow
red and white arrow back to top button
dark red and white arrow
blue white and grey arrow
gray and white back to top arrow
circle back to top arrow grey
top arrow with orange
top written arrow
black and white square arrow
flat oval back to top arrow
dark gray and white arrow
blue gray arrow
small grey arrow
small dark gray arrow
circle arrow written top
white arrow
orange paw back to top arrow
home button back to top
standard back to top
pink back to top arrow
circle back to top
square back to top button
blue and white house button
red white triangle button
little black feet
back to top button
blue white home button
green back to top button
fancy top arrow
orange circle up button
green cartoon up arrow
round up arrow button
small up button
bright pink up button
top button for website
up box for website
silver back to top button
small silver back top button
triangle website button
dark arrow back to top button
gray back to top button for website
light pink top button
small top button for website
top button written
pink up button for website
back to top button
light grey top box button
small back to top button
white up arrow
black triangle top button
big grey back to top button
small gray back to top button
black top button
back to top paws
grey top button for website
circle back to top
square back to top button
square light grey back to top button
orange back to top button
black and blue back to top button

adss