帝国论坛帝国网站管理系统交流区模板/标签/插件共享交流[分享]一个单行滚动标签,向上平滑滚动有停顿,适合做新闻公告。 【本版专题贴子】  
 1/2     1 2 ›› ›|
主题:[分享]一个单行滚动标签,向上平滑滚动有停顿,适合做新闻公告。 [加入收藏夹]   

恺策网优
用户头衔:秀才

精华贴   :0
发贴数   :79
经验值   :391
注册时间:2009-01-15
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
[分享]一个单行滚动标签,向上平滑滚动有停顿,适合做新闻公告。
在论坛里查了下,没人发这个标签,做起来其实挺简单。先看下效果,因为我也是初学帝国,效果是在本地测试的,发个截图吧(图片在帖子最下面)

一、所需的样式文件,可以根据自己的需要修改相关参数。
.k{display:block;font-size:15px;line-height:18px;text-decoration:none;color:#333;font-family:Arial;font-

size:14px;}
.shell{
width:400px;
padding:3px 2px 2px 5px;
}
#div1{
height:18px;
overflow:hidden;
}

=============================================================
二、在需要滚动的地方加入以下代码。调用的栏目根据你实际的情况修改。
<div class="shell">
<div id="div1">
[e:loop={34,5,0,0}]
<a href="<?=$bqsr[titleurl]?>" class="k"><?=esub($bqr[title],50)?></a>
[/e:loop]
</div>
<div>

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

三、在</body>和</html>之间要加入以下代码。

<script>
var box=document.getElementById("div1"),can=true;
box.innerHTML+=box.innerHTML;
box.onmouseover=function(){can=false};
box.onmouseout=function(){can=true};
new function (){
var stop=box.scrollTop%18==0&&!can;
if(!stop)box.scrollTop==parseInt(box.scrollHeight/2)?box.scrollTop=0:box.scrollTop++;
setTimeout(arguments.callee,box.scrollTop%18?10:1500);
};
</script>

上传以下图片:


[该贴被修改 1 次,最后修改时间 2010-01-29 13:33:23 ]


恺策网优-德州网站建设品牌服务商:http://www.kaiceseo.com/
2010-01-29 13:32:21 已设置保密 顶部 回复 引用 报告 编辑 删除

ydzwas
用户头衔:举人

精华贴   :0
发贴数   :255
经验值   :1435
注册时间:2008-07-11
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 2 楼]

不错,支持



都市夜归人,我们的故事。
http://www.ydzwas.cn
2010-01-29 14:17:49 已设置保密 顶部 回复 引用 报告 编辑 删除

rayyang
用户头衔:进士

精华贴   :0
发贴数   :661
经验值   :2131
注册时间:2007-06-30
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

谢谢分享。




2010-01-30 13:29:19 已设置保密 顶部 回复 引用 报告 编辑 删除

点到为止
用户头衔:探花

精华贴   :0
发贴数   :6696
经验值   :20935
注册时间:2008-01-07
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 4 楼]

支持




2010-02-01 08:20:11 已设置保密 顶部 回复 引用 报告 编辑 删除

grint
用户头衔:举人

精华贴   :0
发贴数   :322
经验值   :1059
注册时间:2009-02-10
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

多谢




2010-02-01 16:46:32 已设置保密 顶部 回复 引用 报告 编辑 删除

luoto
用户头衔:探花

精华贴   :0
发贴数   :5896
经验值   :17737
注册时间:2008-11-08
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 6 楼]

收藏




2010-02-03 00:07:23 已设置保密 顶部 回复 引用 报告 编辑 删除

weizhou
用户头衔:书生

精华贴   :0
发贴数   :15
经验值   :216
注册时间:2009-10-29
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 7 楼]

不动啊




2010-05-21 14:52:25 已设置保密 顶部 回复 引用 报告 编辑 删除

f017220
用户头衔:书生

精华贴   :0
发贴数   :1
经验值   :11
注册时间:2013-04-21
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 8 楼]

<div class="shell">
<div id="div1">
[e:loop={34,5,0,0}]
<a href="<?=$bqsr[titleurl]?>" class="k"><?=esub($bqr[title],50)?></a>
[/e:loop]
</div>
<div>  这里少打了一个标签啊




2013-04-23 15:00:18 已设置保密 顶部 回复 引用 报告 编辑 删除

zhanya025
用户头衔:举人

精华贴   :0
发贴数   :388
经验值   :1099
注册时间:2012-11-24
信息 搜索 好友 发送悄悄话 精益求精-帝国网站管理系统7.5正式版开源发布】   [第 9 楼]

先看下效果,因为我也是初学帝国,效果是在本地测试的




2013-04-23 17:31:18 已设置保密 顶部 回复 引用 报告 编辑 删除

春哥
用户头衔:进士

精华贴   :0
发贴数   :1630
经验值   :4591
注册时间:2009-01-02
信息 搜索 好友 发送悄悄话 免费开源-EBMA系统:更安全的MYSQL管理和备份系统】   [第 10 楼]

支持一下




2013-04-23 19:34:44 已设置保密 顶部 回复 引用 报告 编辑 删除
 1/2     1 2 ›› ›|

快速回复
内容

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