代码一句，但是我放在html中就不行了
| 代码如下 | 复制代码 |
|
$('html, body').animate({scrollTop: 0},500); |
|
(这里以wp为实例）直接代码：
html代码，一般放在footer.php里：
| 代码如下 | 复制代码 |
| <a href="#" id="top"> 返 回 顶 部 </a> | |
CSS代码，使用了fixed让对象固定于浏览器窗口：
| 代码如下 | 复制代码 |
| #top{position:fixed;bottom:0;right:10px;} | |
jQuery代码，注意正常使用的几个条件：
| 代码如下 | 复制代码 |
| $('#top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);return false;}); | |
OK，此文完！
下面再看一个实例
div代码
| 代码如下 | 复制代码 |
| <div class="go"> <a id="roll_top" title="返回顶部" ></a> <a {放下面的PHP代码} title="如果您有意见，请反馈给我们！"></a> <a id="fall" title="返回底部" ></a> </div> |
|
1
| 代码如下 | 复制代码 |
| <?php if ( !is_home() && !is_archive()): ?> id="ct"<?php endif; ?> | |
上面段代码放在header.html模板里面
css代码
| 代码如下 | 复制代码 |
| .go{width:47px;height:106px;background-color:#FFF;position:fixed;_position:absoluteright:12px;bottom:25%;border-radius:5px;box-shadow:0 0 2px #6E6E6E} .go a{background:url(images/top.png) no-repeat;display:block;text-indent:999em;width:37px;margin:5px;border:0;overflow:hidden;float:left} .go .top{background-position:4px 0;height:20px} .go .feedback{background-position:4px -20px;height:32px;} .go .bottom{background-position:4px -52px;height:22px;} .go .top:hover{background-position:-34px 0;} .go .feedback:hover{background-position:-34px -20px;} .go .bottom:hover{background-position:-34px -52px;} |
|
css代码放style.css 样式表里，其中图片路径，根据你放的文件夹位置写
JS代码
| 代码如下 | 复制代码 |
| jQuery(document).ready(function($){ jQuery('#roll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); jQuery('#ct').click(function(){$('html,body').animate({scrollTop:$('#comments').offset().top}, 800);}); jQuery('#fall').click(function(){$('html,body').animate({scrollTop:$('.footer').offset().top}, 800);}); }); // context jQuery(document).ready(function(){ jQuery('.entry_box_s ').hover( function() { jQuery(this).find('.context_t').stop(true,true).fadeIn(); }, function() { jQuery(this).find('.context_t').stop(true,true).fadeOut(); } ); }); // more jQuery(document).ready(function(){ jQuery('.entry_box').hover( function() { jQuery(this).find('.archive_more').stop(true,true).fadeIn(); }, function() { jQuery(this).find('.archive_more').stop(true,true).fadeOut(); } ); }); |
|
时间： 2024-11-13 08:15:48