![Simple jquery return to top plugin](https://img.php.cn/upload/jscode/000/120/096/5da94f243903b757.jpg)
jquery return to top plug-in
Back to top33142019-10-18
![Back to top Plugin Elevator.js](https://img.php.cn/upload/jscode/000/120/096/5da823bda9177101.jpg)
Elevator.js adds music when returning, making the web page run upward like an elevator when returning to the top. After reaching the top, there will be an "arrived" sound
Back to top31902019-10-17
![Click the icon to return to the top effect](https://img.php.cn/upload/jscode/000/120/096/5da18ae4aeeed825.jpg)
Click the icon, the scroll bar will return to the top position, and a certain div will also return to the top
Back to top30732019-10-12
![Return to top plug-in goTop.js](https://img.php.cn/upload/jscode/000/120/096/5da1841d14b17811.jpg)
Various configurations of top plug-in goTop.js
Back to top37862019-10-12
![Imitation Jingdong app list page return to top function](https://img.php.cn/upload/jscode/000/120/096/5da029f1c7cdb598.jpg)
Back to top + page number (total number of pages on the current page) display function
Back to top33572019-10-11
![Return to top plugin](https://img.php.cn/upload/jscode/000/120/096/5d9ef5e1968e7423.jpg)
Return to the top plug-in, compatible with ie8+
Back to top33712019-10-10
![jQuery lower right corner floating layer rocket animation returns to top effect code](https://img.php.cn/upload/jscode/000/000/001/5ca4814f235d7454.jpg)
jQuery lower right corner floating layer rocket animation returns to top effect code
Back to top49172019-04-03
![Carpenter Ant Website jQuery Back to Top](https://img.php.cn/upload/jscode/000/000/001/5a167e6b70b9f275.jpg)
Carpenter Ant website jQuery Return to Top is a jQuery rocket return to top special effect for the Carpenter Ant official website.
Back to top39272017-11-23
![jQuery sidebar fixed layer anchor positioning code](https://img.php.cn/upload/jscode/000/000/001/598ed37aee72a411.png)
jQuery sidebar fixed layer anchor positioning code Based on jquery-1.7.1.min.js, the fixed layer menu bar will appear after scrolling the page for a certain distance, including hot products, latest sales, and the last crazy Menu navigation columns such as grabbing, starting soon, and returning to the homepage.
Back to top28532017-08-12
![jQuery return to top button code with bottom](https://img.php.cn/upload/jscode/000/000/001/598d4e5ac6636947.jpg)
jQuery with bottom return to top button code is a bottom fixed layer return to top code with WeChat QR code.
Back to top33022017-08-11
![The return to top code appears after the scroll bar appears on the page](https://img.php.cn/upload/jscode/000/000/001/59892f0a6f17b805.jpg)
A very simple html click to return to the top of the page special effect, but it is very practical and the code is concise. Simple and practical code effects are the effects we have been pursuing.
The practical method is also simple. Just call the js file in the head and call the html code in the body. There will be no conflict and good compatibility
Back to top35832017-08-08
![jQuery right sidebar QR code QQ customer service return to top code](https://img.php.cn/upload/jscode/000/000/001/5987fdb72dd10645.jpg)
Based on jquery.1.11.1.min.js, the concise jQuery right column customer service code has WeChat QR code, QQ, phone display and return to the top functions. There is a floating layer on the right side of the web page, and the effect is effective when the mouse is moved up.
js code
<script type="text/javascript">
$(function() {
$("#service a").hover(function() {
if ($(this).prop("className") == "weixin_area") {
$(this).children("img.hides").show();
} else {
$(this).children("div.hides").show();
$(this).children("img.shows").hide();
$(this).children("div.hides").animate({marginRight: '0px'}, '0');
}
}, function() {
if ($(this).prop("className") == "weixin_area") {
$(this).children("img.hides").hide();
} else {
$(this).children("div.hides").animate({marginRight: '-163px'}, 0, function() {
$(this).hide();
$(this).next("img.shows").show();
});
}
});
$("#top_btn").click(function() {
$("html,body").animate({scrollTop: 0}, 600);
});
//右侧导航 - 二维码
$(".weixin_area").hover(function() {
$(this).children(".weixin").show();
},function(){
$(this).children(".weixin").hide();
})
});
</script>
Back to top24832017-08-07
![Youdao Academy with QR code jQuery special effects](https://img.php.cn/upload/jscode/000/000/001/5949e2bf87f8d598.jpg)
Code introduction: Youdao Academy's jQuery special effect with QR code is a WeChat QR code from the official website of Youdao Academy. jQuery returns the top effect code.
Back to top20512017-06-21
![div css imitation Pacific webpage fixed layer return to top code](https://img.php.cn/upload/jscode/000/000/001/5930dfdc84757781.jpg)
Code introduction: div css imitation Pacific web page fixed layer code is a special effect of the floating menu on the right side of the web page with a return to top button.
Back to top24092017-06-02
![jQuery back to top plugin GoUp](https://img.php.cn/upload/jscode/000/000/001/591bec8333836251.jpg)
Material introduction: jQuery back to top plug-in GoUp is a simple jQuery plug-in that allows your web users to return directly to the top.
Back to top21972017-05-17
![jquery returns to top code with QR code](https://img.php.cn/upload/jscode/000/000/001/5902d4b5e7860982.jpg)
Code introduction: jquery with QR code return to the top code is a return to the top button that is displayed when scrolling the scroll bar of the web page. Clicking the return to top button can smoothly return to the top; the mouse moves over the WeChat icon and the QR code image is displayed; the mouse moves over the customer service The phone icon will display the customer service phone number; click the online customer service icon to open the QQ dialog box.
Back to top23222017-04-28
![jquery personalized website sidebar toolbar](https://img.php.cn/upload/jscode/000/000/001/58eda6813b3d3564.jpg)
Code introduction: jquery personalized website sidebar toolbar is a customizable special effects code that adds toolbar functions.
Back to top20992017-04-12
![jQuery floating menu on the right side of Weifeng Mall](https://img.php.cn/upload/jscode/000/000/001/58e6042a64e08514.jpg)
Code introduction: The jQuery floating menu on the right side of Weifeng Mall has a multi-functional menu and a close button. When the close button is clicked, the menu part will be hidden, leaving only the return to top button.
Back to top35282017-04-06
![Simple and practical jQuery return to top code](https://img.php.cn/upload/jscode/000/000/001/58df72e5e994c872.jpg)
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 moves over the QR code icon. The effect is practical and the code is simple.
Back to top29712017-04-01
![jQuery smooth return to top code](https://img.php.cn/upload/jscode/000/000/001/58df71e6b2aaa965.jpg)
Code introduction: jQuery smooth return to top code is a practical jQuery return to top code with QR code.
Back to top28292017-04-01