Home >headlines >5 simple return to top special effect codes (collection)

5 simple return to top special effect codes (collection)

PHPz
PHPzOriginal
2017-05-24 11:58:286609browse

Many times, because the page content on our website is too long, if users want to return to the top menu when browsing the web page, they need to scroll the mouse to reach it, which is very inconvenient. In order to improve the user experience, we will add return to the top to the web page. Function, the following are 5 simple return to top special effect codes recommended by PHP Chinese website, they are worth collecting! Welcome to share and download!

1.Simple and practical jQuery return to top code

5 simple return to top special effect codes (collection)

Effect preview and download address: http://www. php.cn/xiazai/js/724

Code introduction: simple and practical jQuery return to the top code is a QR code image that will zoom and pop up when the mouse is moved over the QR code icon. The effect is practical and the code is simple .

2.JS return to top special effects with smoothing effect

5 simple return to top special effect codes (collection)

Effect preview and download address: http:// m.sbmmt.com/xiazai/js/581

Code introduction: js with smoothing effect returns to the top special effect, first scroll the page to the bottom or drag the scroll bar, and then look at the small rocket in the lower right corner , and click to try

3.jQuery returns the top and bottom floating window code

5 simple return to top special effect codes (collection)

Effect preview and download address: //m.sbmmt.com/xiazai/js/572

Code introduction: The jQuery return top and bottom floating window code is a jQuery floating web page with up and down arrows and message buttons. The special effect code for the floating window in the middle on the right.

4.jquery variable transparency return to top special effects

5 simple return to top special effect codes (collection)

Effect preview and download address: http://www .php.cn/xiazai/js/582

Code introduction: jquery variable transparency returns to the top special effect. If you scroll down more than 1200 pixels, the transparency of the button will decrease, reducing visual interference and making it more convenient Browsing the main body of content, a very considerate user experience.

5.js returns to the top code with a dinging sound of music

5 simple return to top special effect codes (collection)

Effect preview and download address: http://www. php.cn/xiazai/js/578

Code introduction: js returns to the top with a music ding. The code is a code with a music playback function. It automatically plays music during the return process and is emitted when it reaches the top of the page. The ding sound is like the sound of an elevator, and the effect is amazing.

For more return to top function special effects codes, please visit: //m.sbmmt.com/xiazai/js/top

[Related recommendations]

1.Recommend 5 useful online floating QQ customer service codes for free download (high-quality products)

2.Recommend 5 practical and beautiful webpage floating QR code special effects codes

3.[Webpage Advertising Special Effects Code] Select 5 commonly used webpage advertising special effects codes

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn