html图片滚动暂停,怎么设置鼠标悬停时滚动的图片或文字停止?
HTMLHEADTITLE无标题文档/TITLE
META http-equiv=Content-Type content=text/html; charset=gb2312
META content=MSHTML 6.00.2800.1264 name=GENERATOR
link href=css.css rel=stylesheet type=text/css
/HEAD
BODY leftMargin=0 topMargin=2 marginheight=0 marginwidth=0
CENTER
TABLE
style=BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid
cellSpacing=0 cellPadding=0 width=750 align=center border=0
TBODY
TR
TD
DIV id=demo style=OVERFLOW: hidden; WIDTH: 100%; COLOR: #ffffff
TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace=0
TBODY
TR
TD id=demo1 vAlign=toptable width=1710 height=116 border=0 cellpadding=0 cellspacing=0
tr
td width=171 background=pic_bg.jpgdiv align=center1/div/td
td width=171 background=pic_bg.jpgdiv align=center
p2/p
/div/td
td width=171 background=pic_bg.jpgdiv align=center3/div/td
td width=171 background=pic_bg.jpgdiv align=center4/div/td
td width=171 background=pic_bg.jpgdiv align=center5/div/td
td width=171 background=pic_bg.jpgdiv align=center6/div/td
td width=171 background=pic_bg.jpgdiv align=center7/div/td
td width=171 background=pic_bg.jpgdiv align=center8/div/td
td width=171 background=pic_bg.jpgdiv align=center9/div/td
td width=171 background=pic_bg.jpgdiv align=center10/div/td
/tr
/table/TD
TD id=demo2 vAlign=top /TD/TR/TBODY/TABLE/DIV
SCRIPT
var speed3=25//速度数值越大速度越慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed3)}
/SCRIPT
/TD/TR/TBODY/TABLE/TD/TR/TABLE
/CENTER
/BODY/HTML
取消
评论
html图片滚动暂停,怎么设置鼠标悬停时滚动的图片或文字停止?相关推荐
- 利用伪元素给图片在鼠标悬停时添加背景图片
利用伪元素给图片在鼠标悬停的时候添加背景图片,这种效果在电影网站上使用的比较频繁,主要是鼠标悬停的时候显示出播放的图标,点击图片链接后就会进入视频详情页面,而使用伪元素是为了使我们的html代码更加简 ...
- 背景图片用css能隐藏吗,用css实现鼠标悬停时隐藏背景图片的问题
用css实现鼠标悬停在导航文字连接上时隐藏导航的背景图片 为什么我的鼠标悬停在导航上时,背景图片还在啊? css代码如下: body{ margin:0; padding:0; background: ...
- CSS文字超出部分用省略号代替,js鼠标悬停时显示全部文本
需求: 宽度为百分比,随浏览器变化而变化,当窗口变小到一定程度,文字超出部分用省略号代替,当文字出现省略号,需要鼠标悬停时显示全部文本. 文字超出部分用省略号代替 width:overflow: hi ...
- axure中交互样式设置鼠标悬停后其他的按下选中无效_Axure交互动作
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼 axure中交互样式设置鼠标悬停后其他的按下选中无效_交互区域 -- 交互动作 启用情形+交互事件+交互动作 三个部分构成了整个原型的交互逻辑.启用情形是 ...
- html5鼠标悬停图片放大的原理,jQuery当鼠标悬停时放大图片的效果实例
这个效果最初源于小敏同志的一个想法,刚开始做的时候只能实现弹出的图片是固定的,不能随鼠标移动,最后加以改善,终于实现了比较理想的效果.今天就把制作该效果的经验与大家一同分享.先看看最终效果演示: HT ...
- 基于jQuery的鼠标悬停时放大图片的效果制作
这是一个基于jQuery的效果,当鼠标在小图片上悬停时,会弹出一个大图,该大图会跟随鼠标的移动而移动.这个效果最初源于小敏同志的一个想法,刚开始做的时候只能实现弹出的图片是固定的,不能随鼠标移动,最后 ...
- HTML中设置鼠标悬停状态伪类,四大伪类,css鼠标样式设置,reset操作,静止对文本操作...
本文将要为您介绍的是四大伪类,css鼠标样式设置,reset操作,静止对文本操作,教程操作方法:07.31自我总结 一.a标签的四大伪类 a:link{样式} 未访问时的状态(鼠标点击前显示的状态) ...
- html链接伪类设置鼠标悬停,链接伪类可以控制超链接的样式吗?是怎样实现的?...
定义超链接时,为了提高用户体验,经常需要为超链接指定不同的状态,使得超链接在点击前.点击后和鼠标悬停时的样式不同.在CSS中,通过链接伪类可以实现不同的链接状态,下面将对链接伪类控制超链接的样式进行详 ...
- html设置鼠标背景,js设置鼠标悬停改变背景色实现详解
看了网上那么多的js鼠标悬停时事件,大多数的,说了那么多话,也没解决什么问题,现在直接贴上代码,以供参考 html: this is test! css: .out{background-color: ...
- 关于element-ui 中 table 鼠标悬停时高亮背景颜色的修改,添加fixed后颜色又出现问题
table 鼠标悬停时高亮背景颜色的修改 .el-table tbody tr:hover>td { background-color: #颜色 } 或 .el-table__body-wrap ...
最新文章
- Python做web前后端交互
- 图解 ElasticSearch 搜索原理
- GridView强制不换行
- webpack4开始使用
- android tabspec英文自动大写问题,为什么不能在drawable下访问xml文件?所有的
- python中datetime函数怎么获得当年年份_Python 日期和时间函数使用指南
- Python技术公众号100天了
- alidoing --使用JS实现多语言框架、喜欢的请进、、瓦特平台!
- keil4c语言流水灯程序,C51 keil v4 流水灯简单代码的编写
- 数据库原理及应用教程(陈志泊主编)
- 华为手机上的网上邻居怎么用_华为手机如何无线连接电脑
- android屏幕投影到pc,安卓手机怎么把屏幕投影到电脑上
- kali android命令大全,让你的安卓设备跑起kali——kali for android
- Vue3中数据更新函数effect的实现
- 智能车摄像头组怎么在OLED屏画出中线
- python实训报告万能模板_实训报告万能模板1000字
- 智能体重秤方案/案列/APP/小程序
- [ARCGIS]带黑边的IMG格式影像如何消除黑边?
- C#之十八 GUI用户界面编程
- Win11系统管理应用程序将更便利,微软正在测试改进中
热门文章
- 【图像处理】基于matlab GUI自动报靶系统【含Matlab源码 814期】
- mysql limit 算法_MYSQL分页limit速度太慢
- mysql悲观锁替代方案_MySQL中的悲观锁和乐观锁
- 在Covid-19期间测量社交距离
- java自动填充_java-自动使用随机数据填充原始属性?
- 单片机 多机通讯c语言,【C语言】89c52单片机的多机串口通讯,救助
- php 循环删除文件,php循环删除目录及目录下的文件
- android u盘加载_如何获取Android系统挂载U盘的路径
- 事务影响懒加载 no session or session was closed
- Python高级特性之---切片操作