`
andrew.yulong
  • 浏览: 176049 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

上下滚动 标题时停留(简化版本)

    博客分类:
  • js
阅读更多
<div style="height:18px;overflow:hidden;margin-left:10px">
<div id="marqueebox">
<div class="tp"><a href="http://www.umaz.cn/13/19-1.html" target=_blank>垂直网站受宠</a></div>
<div class="tp"><a href="http://pioneer.baidu.com/" target=_blank>网吧产业</a></div>
<div class="tp"><a href="http://www.umaz.cn/13/index.html" target=_blank>垂直网站赢利</a></div>
<div class="tp"><a href="http://2008.baidu.com/" target=_blank>奥运歌曲</a></div>
<div class="tp"><a href="http://pioneer.baidu.com/" target=_blank>网吧行业赚钱</a></div>
<div class="tp"><a href="http://www.umaz.cn/13/19-1.html" target=_blank>垂直网站受宠</a></div>
<div class="tp"><a href="http://up.baidu.com/site.html" target=_blank>精品网站</a></div>
<div class="tp"><a href="http://2008.baidu.com/baike.html" target=_blank>福娃的秘密</a></div>
<div class="tp"><a href="http://www.umaz.cn/13/11-1.html" target=_blank>社区三步走</a></div>
<br clear="all"> <!--  加上这句话当循环完后会出现一段时间的空行 -->
</div>
</div>
<SCRIPT>
function startmarquee(lh,speed,delay) {
var p=false;
var t;
var sh;
var o=document.getElementById("marqueebox");
o.innerHTML
+=o.innerHTML;
o.style.marginTop
=0;
o.onmouseover
=function(){p=true;}
o.onmouseout
=function(){p=false;}
function start(){
sh 
= o.offsetHeight;
o.style.height 
= sh;
t
=setInterval(scrolling,speed);
if(!p) o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
}
function scrolling(){
if(parseInt(o.style.marginTop)%lh!=0){
o.style.marginTop
=parseInt(o.style.marginTop)-1+"px";
if(Math.abs(parseInt(o.style.marginTop))>=sh/2) o.style.marginTop=0;
}
else{
clearInterval(t);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
startmarquee(
18,20,3000);
</SCRIPT>

 

分享到:
评论

相关推荐

    jq无缝轮播 鼠标移入停止,移出滚动.zip

    【标题】"jq无缝轮播 鼠标移入停止,移出滚动.zip"涉及到的是网页设计中的一个常见功能——使用HTML和jQuery实现的无缝轮播图效果,它具有交互性,即当鼠标移入轮播图时停止自动滚动,鼠标移出时恢复滚动。...

    query图片无缝滚动插件上下左右图片无缝滚动代码.zip

    在网页设计中,图片无缝滚动是一种常见的动态效果,它可以是水平方向的(左右滚动),也可以是垂直方向的(上下滚动)。jQuery作为一个强大的JavaScript库,提供了丰富的API和插件来简化这类动画效果的实现。开发者...

    FlipperView:消息、公告上下轮播

    【标题】"FlipperView:消息、公告上下轮播"是一个专门为展示消息和公告而设计的组件,它具有上下滚动的动态效果,可以为应用程序添加一种吸引用户注意力的方式。这个组件通常用于显示重要的通知或者更新,确保用户...

    ios-仿滴滴、ofo、摩拜广告弹窗.zip

    2. **滚动视图**:如果广告内容较多,可能会使用滚动视图来展示,允许用户上下滑动查看完整信息,而不遮挡整个屏幕。 3. **内容布局**:弹窗内的图像、标题和描述文字应清晰可见,布局合理,确保信息的可读性。 4. *...

    户外房车旅游网站模板是一款房车自驾露营泛户外单页网站模板下载 .rar

    2. **单页网站**:单页网站将所有内容放在一个长滚动的页面上,简化了用户的导航体验,尤其适合展示简洁明了的信息,如产品介绍、服务说明或特定活动。 3. **户外旅游**:此类网站通常包含旅游目的地信息、路线规划...

Global site tag (gtag.js) - Google Analytics