Shulou(Shulou.com)06/01 Report--

Editor to share with you how css to achieve the effect of returning to the top and compatible with IE6, I believe that most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

Jquery+CSS to achieve a simple and generous return to the top to go to the head effect, initially does not mean to go to the head icon, the mouse down the page to display the head icon, the mouse on the icon to the top icon darker mouse click gently and smoothly return to the top of the page.

This returns the special effect at the top:

1. JQ implementation, compatible with all major browsers

2. Only turn the head button, it is easy to be stingy

3. CSS approximately corrects and returns the top image size.

4. You can fix the go to head icon and replace it with the return head icon you want.

CSS can be corrected to clarify:

.up {width:54px;height:54px;bac kg round:url (images/topback.gif) no-repeat 0 0

Filter:alpha (Opacity=60);-moz-opacity:0.6;opacity: 0.6;}

.up: hover {filter:alpha (Opacity=100);-moz-opacity:1;opacity:1;}

The above CSS is configured before the top icon of the attractive code and width height, the mouse into more than half of the colorless effect of the corresponding CSS code, can be arbitrarily modified into your important results.

Go to the top to use notes: 1, corresponding to write CSS code 2, scrolltopcontrol.js and jquery.js two files can be provoked HTML.

The above is all the content of the article "how css returns to the top and is compatible with IE6". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.