帝国论坛 → 帝国网站管理系统交流区 → 模板/标签/插件共享交流 → 小插件 （仿淘宝精简） 越屏显示返回顶部代码！适合内容多的站点 【本版专题贴子】  
 1/2     1 2 ›› ›|
主题：小插件 （仿淘宝精简） 越屏显示返回顶部代码！适合内容多的站点 [加入收藏夹]   

fansxiao
用户头衔：进士 *

精华贴   ：0
发贴数   ：708
经验值   ：2859
注册时间：2010-08-26
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
小插件 （仿淘宝精简） 越屏显示返回顶部代码！适合内容多的站点
压缩包有TOP.JS和TOP.PNG
TOP.PNG为显示的返回顶部图片 JS为控制显示移动

在需要的模板里加入
<SCRIPT language=javascript src="top.js"></SCRIPT>
<style>
#gotop{
background: url("top.png") -106px -105px;
height: 63px;
width: 19px;
right: 50px;
position: absolute;
display: none;
}
#gotop a{
display: block;
height: 63px;
width: 19px;
}
</style>


其中：
background: url("top.png") -106px -105px;
路径自己调整  right: 50px; 为显示位置，根据自己的需要调整数值。

接着在<BODY>下加入 <div id="gotop"><a href="#" _fcksavedurl="#"></a></div>即可

把附件上传到相应目录，如果要放到跟目录，请更改相应的代码路径

演示：http://www.teauo.com  感谢帝国开发团队！

上传以下附件：
[下载 *.rar](文件大小：31.12 KB,下载次数：102)

[该贴被修改 2 次，最后修改时间 2011-08-24 16:53:15 ]

水产 海带
紫菜 茶叶
2011-08-24 16:50:38 已设置保密 顶部 回复 引用 报告 编辑 删除

fansxiao
用户头衔：进士 *

精华贴   ：0
发贴数   ：708
经验值   ：2859
注册时间：2010-08-26
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 2 楼]

图片演示



趣味版的用下图替换 同时更改

<style>
#gotop{
background: url("top.png") -106px -105px;
height: 63px;
width: 19px;
right: 50px;
position: absolute;
display: none;
}
#gotop a{
display: block;
height: 63px;
width: 19px;
}
</style>

为

<style>
#gotop{
background: url("top.png") -106px -90px;
height: 78px;
width: 19px;
right: 50px;
position: absolute;
display: none;
}
#gotop a{
display: block;
height: 78px;
width: 19px;
}
</style>



上传以下图片：

[该贴被修改 3 次，最后修改时间 2011-08-24 17:21:03 ]

水产 海带
紫菜 茶叶
2011-08-24 16:56:58 已设置保密 顶部 回复 引用 报告 编辑 删除

hibaidu
用户头衔：探花

精华贴   ：0
发贴数   ：3753
经验值   ：11431
注册时间：2010-05-26
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

支持



2011-08-24 16:57:43 已设置保密 顶部 回复 引用 报告 编辑 删除

cbhfcly
用户头衔：举人

精华贴   ：0
发贴数   ：224
经验值   ：1072
注册时间：2009-10-11
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 4 楼]

好，灰常不错   


QQ：330598233
2011-08-24 16:58:32 已设置保密 顶部 回复 引用 报告 编辑 删除

我爱免费
用户头衔：举人

精华贴   ：0
发贴数   ：270
经验值   ：1194
注册时间：2007-06-20
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

网站模板不错，共享就好了！



2011-08-24 19:42:03 已设置保密 顶部 回复 引用 报告 编辑 删除

tjf332501
用户头衔：书生

精华贴   ：0
发贴数   ：12
经验值   ：42
注册时间：2011-01-05
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 6 楼]

顶~~~~~~~~~~~~~~~~~~~~


友情链接平台 ， 站长导航， 站长交流群
www.u5u4.com
2011-08-26 01:54:51 已设置保密 顶部 回复 引用 报告 编辑 删除

飞蓝
用户头衔：进士

精华贴   ：0
发贴数   ：940
经验值   ：2994
注册时间：2006-12-04
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 7 楼]




2011-08-26 14:05:00 已设置保密 顶部 回复 引用 报告 编辑 删除

ne568
用户头衔：举人

精华贴   ：0
发贴数   ：210
经验值   ：903
注册时间：2010-12-22
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 8 楼]



动灭商学院www.dongmie.com
2012-04-27 02:34:03 已设置保密 顶部 回复 引用 报告 编辑 删除

fkdd1985
用户头衔：举人

精华贴   ：0
发贴数   ：159
经验值   ：871
注册时间：2012-04-12
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 9 楼]

楼主的网站确实牛。。


http://www.czwzgs.com/
2012-04-27 09:07:18 已设置保密 顶部 回复 引用 报告 编辑 删除

bebebe
用户头衔：探花

精华贴   ：0
发贴数   ：2692
经验值   ：6789
注册时间：2010-03-01
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 10 楼]

谢谢楼主



2012-05-02 17:43:09 已设置保密 顶部 回复 引用 报告 编辑 删除
 1/2     1 2 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by： EBB Version 2.2.1