html浮动图标代码,返回顶部浮动图标代码

博主,您好,您的这个教程的方法很好,也很美观.但是我有些问题想请教您,谢谢了.我按照您的方法添加代码到源文件里的时候并没有生效.不知道是不是我方法不对.

我的是WordPress驱动,

我将以下代码添加到footer.php文件中

=============================

返VDE;顶部

$(document).ready(function () {

var bt = $('#toolBackTop');

var sw = $(document.body)[0].clientWidth;

var limitsw = (sw - 840) / 2 - 80;

if (limitsw > 0){

limitsw = parseInt(limitsw);

bt.css("right",limitsw);

}

$(window).scroll(function() {

var st = $(window).scrollTop();

if(st > 30){

bt.show();

}else{

bt.hide();

}

});

})

==================================

将以下代码添加到style.css文件中

====================================

.back-to {

bottom: 35px;

overflow: hidden;

position: fixed;

right: 10px;

width: 110px;

z-index: 999;

}

.back-to .back-top {

background: url("images/back-top.png") no-repeat scroll 0 0 transparent;

display: block;

float: right;

height: 50px;

margin-left: 10px;

outline: 0 none;

text-indent: -9999em;

width: 50px;

}

.back-to .back-top:hover {

background-position: -50px 0

}

===========================

这么做并没有效果,图片也拷到相应目录了.请教您,问题出在哪呢?谢谢了.

html浮动图标代码,返回顶部浮动图标代码相关推荐

jquery实现：返回顶部（动画·代码精简版）- 代码篇
jquery实现:返回顶部(动画·代码精简版):animate 使用css3的animate属性,一行代码就能实现功能. 动画演示(省略) 代码如下:(精简) <script type=&quo ...
返回顶部浮动图标代码
代码使用很简单,只需要将HTML代码,和jQuery代码放入到网页的尾部即可.另外你可能还需要和我一样盗用人人网的返回顶部图片一张. <div style="display:none; ...
返回顶部：js代码篇
代码篇: 地址:jQuery scroll()方法:页面滚动到一定位置触发事件返回顶部我们监听滚动事件,放滚动到 400px 时,出发显示返回顶部标签,然后给该标签,绑定一个事件,点击返回顶部. H ...
“返回顶部”的简易代码及设计理念
1.介绍及思路分析: 在很多公司的网站中,鼠标滚动一定高度(以150px为例)之后,会出现"返回顶部"的标签. "返回顶部"标签被固定到窗口的指定位置,位置始终 ...
html js 回到顶部,简单的返回顶部的js代码
返回顶部js代码 html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x ...
前端开发——图标返回顶部功能
前端开发--点击图标,返回顶部功能功能实现:网页右下角的一键返回顶部图标方法:利用周期性定时器+鼠标滚动事件 html: <div id="retutop">< ...
网页中返回顶部代码(多种方法)另附注释说明
下面就说下简单的返回顶部效果的代码实现,附注释说明,最简单的静态返回顶部,点击直接跳转页面顶部及用js模拟滚动效果上滑至顶部下面就说下简单的返回顶部效果的代码实现,附注释说明. 1. 最简单的静态返 ...
简单返回顶部代码及注释说明（转）
最近做了一个排行榜页面,分类较多,并且以图文形式展示......最后页面明显过长了,用户体验自然不够好.最后想着在页面上部增加了页面内跳转导航,直接导航到本页的分类命名锚块.当然这就需要结合" ...
返回顶部php代码,网页中返回顶部代码(多种方法)另附注释说明_jquery
下面就说下简单的返回顶部效果的代码实现,附注释说明. 1. 最简单的静态返回顶部,点击直接跳转页面顶部,常见于固定放置在页面底部返回顶部功能方法一:用命名锚点击返回到顶部预设的id为top的元素 f ...

html浮动图标代码,返回顶部浮动图标代码

html浮动图标代码,返回顶部浮动图标代码相关推荐

最新文章

热门文章