页面滚动html代码

最新推荐文章于 2023-09-28 23:10:00 发布
最新推荐文章于 2023-09-28 23:10:00 发布
阅读量990 收藏
点赞数 1
文章标签： html opera cms 测试 ie function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lbj147123/article/details/5773677
版权

<html>
<HEAD>
<TITLE>自动向上滚动的文本，鼠标放上去就停止</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE type=text/css>
#demo a {
width:100%;
overflow:hidden;
font:12px/16px tahoma;
display:block;
text-decoration:none;
margin:2px;
color:#4a551c;
padding-left:2px;
text-align:left;
}
#demo a:hover {
color:#ff6600;
}
</STYLE>
</HEAD>
<body>
<div id="demo" style="overflow:hidden;height:132px;width:400px; border:1px solid #dde5bc;">
<div id="demo1">
<a href="#">该特效代码完全兼容IE, FF, Opera, 其它的还未经测试……</a>
<a href="#">CMS建站网收集整理，希望大家多提意见</a>
<a href="#">该特效代码完全兼容IE, FF, Opera, 其它的还未经测试……</a>
<a href="#">CMS建站网收集整理，希望大家多提意见</a>
<a href="#">该特效代码完全兼容IE, FF, Opera, 其它的还未经测试……</a>
<a href="#">CMS建站网收集整理，希望大家多提意见</a>
<a href="#">该特效代码完全兼容IE, FF, Opera, 其它的还未经测试……</a>
<a href="#">CMS建站网收集整理，希望大家多提意见</a>
<a href="#">该特效代码完全兼容IE, FF, Opera, 其它的还未经测试……</a>
<a href="#">CMS建站网收集整理，希望大家多提意见</a>
<a href="#">该特效代码完全兼容IE, FF, Opera, 其它的还未经测试……</a>
<a href="#">CMS建站网收集整理，希望大家多提意见</a>
</div>
<div id="demo2"></div>
</div>
<script>
var speed=100
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>

 

lbj147123
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html中滚动代码怎么写,网页HTML滚动代码大全(一)
weixin_31190099的博客
06-02 3474
[HTML代码]会移动的文字(Marquee)Marquee标记用于在可用浏览区域中滚动文本。这个标记只适用于IE3以后的版的浏览器。格式：BEHAVIOR="…"BGCOLOR="…"DIRECTION="…"HEIGHT="…"WIDTH="…"HSPACE="…"VSPACE="…"LOOP="…"SCROLLAMOUNT="…"SCROLLDELAY="…"ONMOUSEOUT=this....
html中滚动条的代码是什么？如何设置html滚动条？
web前端入门基础进阶教程-htmlcssjs
06-18 3970
本篇文章主要介绍了关于html中的滚动条的代码，还有关于html 滚动条代码marquee标签属性的用法，具体的让我们一起来看这篇文章吧 首先我们介绍html中的滚动条代码： 今天我们介绍这个html滚动条标签是marquee. <marquee>标签，它是成对出现的标签，首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。<marquee>标签的属性主要有behavior、bgcolor、direction、width、height、
滑动窗口代码
最新发布
qq_73185160的博客
09-28 115
【代码】滑动窗口代码。
『网页制作』页面滚动HTML代码
观千剑而后识器，操千曲而后晓声。
10-16 3284
滚动字幕在FrontPage的组件里有，但是FrontPage（娉按：FP这个软件我现在都很少用了~功能的确比DW少了不少） ，这个软件只能支持单行文字，一出现多行文字它就无能为力了，而且它只能支持一行滚动！(如果出现只能滚动一行的情况，解决办法是把这段代码嵌入到JavaScript的document.write里面，请看下面例d的详细说明)Dreamweaver也只能用编写HTML代码的方法。所
html页面自动滚动代码,页面滚动html代码
weixin_42512356的博客
06-02 387
自动向上滚动的文本，鼠标放上去就停止#demo a {width:100%;overflow:hidden;font:12px/16px tahoma;display:block;text-decoration:none;margin:2px;color:#4a551c;padding-left:2px;text-align:left;}#demo a:hover {color:#ff6600;}...
HTML滚动条样式代码及使用技巧
thgj0006的博客
03-19 3041
它用来指示按钮或者内层轨道是否会减小视窗的位置（比如，垂直滚动条的上面，水平滚动条的左边。​:increment – increment​伪类和​decrement​类似，用来指示按钮或内层轨道是否会增大视窗的位置（比如，垂直滚动条的下面和水平滚动条的右边。滚动条的使用是很常见的,它的相关知识也是相当的多,希望自己能在不断的学习中,不断的总结,使自己的学习能力和学习效率能有一定的提高.另外，​:enabled​、​:disabled​、​:hover​ 和 ​:active​ 等伪类同样可以用于滚动条中。
网页HTML代码：滚动文字的制作
12-14
本节笔者讲述HTML代码中比较特殊的标签，它能使网页中的文字滚动，并且可以控制其滚动的属性。 制作滚动文字 通过本章前面的学习，读者已经能够很好地控制各种段落文字的显示方式，不过无论怎么设置，文字都是静态...
网页滚动新闻代码.rar
07-05
网页滚动新闻代码
HTML5垂直滚动时间轴代码
06-24
HTML5垂直滚动时间轴代码是一款企业公司信息介绍，也可以用作公司大事记。
html5电脑管家页面下滑滚动效果代码
11-24
html5电脑管家页面下滑滚动效果代码
HTML文字向上滚动特效
10-29
网页常用的文字向上滚动html代码，下载后改下相关链接地址，就可以使用了！
html实现图片滚动
07-09
web页面效果，JS实现图片滚动，做页面效果蛮不错的，里面的代码可以借鉴，可以扩展知识点。
html滚动效果代码,javascript 实现滚动效果代码整理
weixin_33444829的博客
06-03 1653
1.先写两个最常用最简洁的滚动代码代码如下：水平滚动：水平滚动字幕内容垂直滚动：垂直滚动字内容2.平稳不间断滚动var tm=nullfunction newsScroll() {var scrollimg=document.getElementById("scroll")if(scrollimg.parentNode.scrollTop!=(scrollimg.clientHeight/2))s...
Html网页图片滚动代码
hughhzh的专栏
06-21 7241
var speed=30 butong_net_top2.innerHTML=butong_net_top1.innerHTML //克隆butong_net_top1为butong_net_top2 function Marquee1(){ //当滚动至butong_net_top1与butong_net_top2交界时 if(butong_net_top2.offsetTop-butong_n
html文本内容自动滚动,html文本滚动 滚动文字的HTML代码是什么
weixin_31544603的博客
05-31 1448
html滚动文字代码是什么？此处输入滚动内容 ◎ direction表示滚动的方向，值可以是left，right，up，down，默认为left ◎ behavior表示滚动的方式，值可以是scroll(连续滚动)slide(滑动一次)alternate(往返滚动) ◎ loop表示循环的次数，值是正整数。我在作滚动文本框时，当文本滚动时，当最后一行滚动出文本框时才开始下 滚动文字 滚动文字 滚动...
如何用简单的HTML代码实现滚屏播放的网页效果
hmcxy123的博客
08-25 5092
本文介绍的主要是仅仅利用html和css语言就实现走马灯一样滚屏播放效果，主要运用了动画animation的知识点。
一个模板搞定滑动窗口 代码详解 以力扣（LeetCode）76、567、438、3题为例
Hello Will
08-10 659
0. 滑动窗口的模板 public void slideWindow(String s,String p){//在s中找p的子串 //1.range 表示字符串中字符ASCII中所处的范围，以小写字母为例，range为26 int[] needs = new int[range];//记录子串p的字符个数 int[] windows = new int[range];//记录窗口中字符的个数 //2.记录p串字符 int cntChar = 0;//记录不同的字符个.
【算法】滑动窗口代码模板，轻松解决80道LeetCode题
欢迎来到三十七度的博客
07-28 2122
滑动窗口是双指针的一种特例，可以称为左右指针，在任意时刻，只有一个指针运动，而另一个保持静止。滑动窗口路一般用于解决特定的序列中符合条件的连续的子序列的问题。滑动窗口的时间复杂度是线性的，一般为O(n),滑动窗口的左右边界都不会向左滑动，向左滑动等于走回头路，是一种回溯的算法，很可能会陷入死循环。滑动窗口是一种全遍历问题，一定会遍历到末尾的。其本质思路在于初始化将滑动窗口压满，取得第一个滑动窗口的目标值继续滑动窗口，每往前滑动一次，需要删除一个和添加一个元素，求最优的目标值GitHubGitHub。....
c++ （c++ builder 2010）实现窗口页面滚动
qq_45859163的博客
03-08 414
首先，在窗口类的头文件中添加鼠标滚动事件的声明： class TForm1 : public TForm { __published: // IDE-managed Components // ... private: // User declarations void __fastcall FormMouseWheel(TObject *Sender, TShiftState Shift, int WheelDelta, TPoint &MousePo
html动态滚动网页代码作业
05-30
以下是一个简单的HTML动态滚动网页代码示例： ```html <!DOCTYPE html> <html> 动态滚动网页 body { background-color: #f2f2f2; font-family: Arial, sans-serif; } h1 { text-align: ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值