<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <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=top> <TABLE height=105 cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','1b844666f83f3838e749e220580a310e')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=圆，中考考点例析 height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/1b844666f83f3838e749e220580a310e_s.gif" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/1b844666f83f3838e749e220580a310e_s.gif" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>圆，中考考点例...</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','781fdb5022a684e594a916a9a319f7c0')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=巧连半径妙解圆 height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/781fdb5022a684e594a916a9a319f7c0_s.gif" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/781fdb5022a684e594a916a9a319f7c0_s.gif" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>巧连半径妙解圆</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','9827ef2f233cc1c13b5166dade3b1976')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=WordList height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/9827ef2f233cc1c13b5166dade3b1976_s.gif" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/9827ef2f233cc1c13b5166dade3b1976_s.gif" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>WordLis...</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','072c9d1b4547b0d123eda7d07031b68a')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title="带电粒子在电场中的运动 " height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/072c9d1b4547b0d123eda7d07031b68a_s.gif" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/072c9d1b4547b0d123eda7d07031b68a_s.gif" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>带电粒子在电场...</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','7ec3a6013f38fb0c19ca1b2a9a853a29')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=楞次定律演示图 height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/7ec3a6013f38fb0c19ca1b2a9a853a29_s.gif" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/7ec3a6013f38fb0c19ca1b2a9a853a29_s.gif" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>楞次定律演示图</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','9be626aa408a3035cbc2a3a1890b1832')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=机翼模型 height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/9be626aa408a3035cbc2a3a1890b1832_s.jpg" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/9be626aa408a3035cbc2a3a1890b1832_s.jpg" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>机翼模型</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','6a2af2600cccb5db4e5f709db86559d3')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=马德堡半球实验 height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/6a2af2600cccb5db4e5f709db86559d3_s.jpg" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/6a2af2600cccb5db4e5f709db86559d3_s.jpg" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>马德堡半球实验</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','d9991038de24ab696839b1a455fc2a21')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=几种杠杆 height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/d9991038de24ab696839b1a455fc2a21_s.jpg" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/d9991038de24ab696839b1a455fc2a21_s.jpg" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>几种杠杆</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','7f2bd92462a80f9c376e2c4403c1b977')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=利用摩擦 height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/7f2bd92462a80f9c376e2c4403c1b977_s.jpg" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/7f2bd92462a80f9c376e2c4403c1b977_s.jpg" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>利用摩擦</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','dc619dabadbbe7f73291e4a7f727d406')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=淋巴的形成过程示意图 height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/dc619dabadbbe7f73291e4a7f727d406_s.jpg" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/dc619dabadbbe7f73291e4a7f727d406_s.jpg" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>淋巴的形成过程...</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','24598412e9faa6e4b43e8936702e049f')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=花的基本结构 height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/24598412e9faa6e4b43e8936702e049f_s.jpg" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/24598412e9faa6e4b43e8936702e049f_s.jpg" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>花的基本结构</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','7b630cec32592aa97d296ecdcae94bf9')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=关节模式图 height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/7b630cec32592aa97d296ecdcae94bf9_s.jpg" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/7b630cec32592aa97d296ecdcae94bf9_s.jpg" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>关节模式图</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','5d2706e7dea385fa9ee54866eda931cf')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=草履虫的形态结构 height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/5d2706e7dea385fa9ee54866eda931cf_s.jpg" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/5d2706e7dea385fa9ee54866eda931cf_s.jpg" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>草履虫的形态结...</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','b7074e5ac23459ce6104557e54f1b219')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=北京地铁线路图 height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/b7074e5ac23459ce6104557e54f1b219_s.gif" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/b7074e5ac23459ce6104557e54f1b219_s.gif" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>北京地铁线路图</TD></TR></TBODY></TABLE></TD> <TD vAlign=top align=middle width=130> <TABLE cellSpacing=0 cellPadding=0 width=130 border=0> <TBODY> <TR> <TD align=middle><A style="CURSOR: hand" mce_style="CURSOR: hand" onclick="javascript:showResInfo('1','50b1aa5704b61b80c248a7b1f8b9ba1f')" href="http://xueke.fjedu.gov.cn/xueKeIndex.do#" mce_href="http://xueke.fjedu.gov.cn/xueKeIndex.do"><IMG class=bian title=不朽的故宫 height=85 src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/50b1aa5704b61b80c248a7b1f8b9ba1f_s.jpg" mce_src="欢迎访问福建教育分布式学科教研资源网群省级中心站点.files/50b1aa5704b61b80c248a7b1f8b9ba1f_s.jpg" width=115></A></TD></TR> <TR> <TD vAlign=center align=middle height=30>不朽的故宫</TD></TR></TBODY></TABLE></TD></TR></TBODY></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.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed3)} </SCRIPT> </body> </html>
您还没有登录,请您登录后再发表评论
主要介绍了JS实现横向跑马灯效果代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Vue实现跑马灯样式文字横向滚动 ... 代码: 封装一个专门用来实现跑马灯效果的组件marquee组件 <template> <!-- 跑马灯组件 --> <div class="marquee-wrap" ref="marquee-wrap"> <div class="scroll" ref="scroll
超简单跑马灯文字滚屏效果，兼容IE、火狐
今天在做微信端的大转盘抽奖时，想把所有用户的抽奖记录做成无缝滚动的效果，无奈我的js功底太差，一时想不出实现的方法，便百度各种相似效果。但无意中发现了一个html标签——<marquee></marquee>可以实现多种滚动...
上次写了一个简单的图片... <er typeNumber=2 pageNumber=3 timeSpace=2 duration=2 isOrNotCircle=true url=/src/js/index.json isOrNotButton=false> <template scope=props>-----使用子组件传过来的值，封装slot
引入组件即可 <TC-choujiang></TC-...里面的商品图片和被抽出商品跳转页面按照实际情况进行修改。 商品图片可以从数据库中获取进行赋值即可 位置：uni_modules/TC-choujiang/components/TC-choujiang/TC-choujiang
1、建议直接赋予容器的显示区域的宽度和高度，如(;height:52px;... 8、鼠标悬停滚动思想源自Flash，所以有一定的局限性（容器内仅允许用图片或者带链接的图片<a><img>的形式，并需要禁止其自动换行）
7.12 横向移动的跑马灯 181 7.13 可随便移动的文字 182 7.14 水波形的文字 183 7.15 首字母大小写的变化 184 7.16 状态栏文字飞出效果 186 7.17 链接文字的滚动效果 188 7.18 不停变色的文字 189 7.19 文字...
5.跑马灯-文字或图片不断档可支持鼠标悬停时停止； 6.仿alert弹窗-可以自定义样式，手机版pc版个一种； 7.列表下拉加载更多-伪数据加载与ajax异步加载个一种； 8.折叠菜单一个； 9.banner图效果-7种包含手机上支持...
7.8 状态栏的跑马灯效果 7.9 状态栏缩放文字 7.10 状态栏文字来回出现 7.11 交替闪烁的状态栏 7.12 状态栏的分解显示文本特效 7.13 状态栏文字从右弹出 7.14 状态栏中文字从中间分开显示 7.15 屏蔽掉IE自带的功能键 ...
对于一些特殊的模板，可能为了展示的更加丰富、全面会在一个页面放置很多图表。表格等内容。由于内容过多，超出了浏览器窗口的大小...这样我们就需要用到JS滚屏效果来解决，这里主要介绍在FineReport中的具体制作方法。
4、向上、向左滚动的信息（利用marquee跑马灯实现） 5、最热招聘（本页内链接） 6、页面打开时，弹出广告窗口 7、二级的横向菜单，鼠标移动一级菜单时，二级菜单显示，离开时，二级菜单隐藏；鼠标在菜单上时，...
13.5 实例三：跑马灯特效 13.6 实例四：图片淡入淡出 13.7 实例五：CSS实现PPT幻灯片 13.8 实例六：灯光效果 13.9 实例七：舞台灯光 13.10 实例八：探照灯 13.11 实例九：鼠标文字跟随 第14章...
相关推荐
主要介绍了JS实现横向跑马灯效果代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
Vue实现跑马灯样式文字横向滚动 ... 代码: 封装一个专门用来实现跑马灯效果的组件marquee组件 <template> <!-- 跑马灯组件 --> <div class="marquee-wrap" ref="marquee-wrap"> <div class="scroll" ref="scroll
超简单跑马灯文字滚屏效果，兼容IE、火狐
今天在做微信端的大转盘抽奖时，想把所有用户的抽奖记录做成无缝滚动的效果，无奈我的js功底太差，一时想不出实现的方法，便百度各种相似效果。但无意中发现了一个html标签——<marquee></marquee>可以实现多种滚动...
上次写了一个简单的图片... <er typeNumber=2 pageNumber=3 timeSpace=2 duration=2 isOrNotCircle=true url=/src/js/index.json isOrNotButton=false> <template scope=props>-----使用子组件传过来的值，封装slot
引入组件即可 <TC-choujiang></TC-...里面的商品图片和被抽出商品跳转页面按照实际情况进行修改。 商品图片可以从数据库中获取进行赋值即可 位置：uni_modules/TC-choujiang/components/TC-choujiang/TC-choujiang
1、建议直接赋予容器的显示区域的宽度和高度，如(;height:52px;... 8、鼠标悬停滚动思想源自Flash，所以有一定的局限性（容器内仅允许用图片或者带链接的图片<a><img>的形式，并需要禁止其自动换行）
7.12 横向移动的跑马灯 181 7.13 可随便移动的文字 182 7.14 水波形的文字 183 7.15 首字母大小写的变化 184 7.16 状态栏文字飞出效果 186 7.17 链接文字的滚动效果 188 7.18 不停变色的文字 189 7.19 文字...
5.跑马灯-文字或图片不断档可支持鼠标悬停时停止； 6.仿alert弹窗-可以自定义样式，手机版pc版个一种； 7.列表下拉加载更多-伪数据加载与ajax异步加载个一种； 8.折叠菜单一个； 9.banner图效果-7种包含手机上支持...
7.8 状态栏的跑马灯效果 7.9 状态栏缩放文字 7.10 状态栏文字来回出现 7.11 交替闪烁的状态栏 7.12 状态栏的分解显示文本特效 7.13 状态栏文字从右弹出 7.14 状态栏中文字从中间分开显示 7.15 屏蔽掉IE自带的功能键 ...
7.8 状态栏的跑马灯效果 7.9 状态栏缩放文字 7.10 状态栏文字来回出现 7.11 交替闪烁的状态栏 7.12 状态栏的分解显示文本特效 7.13 状态栏文字从右弹出 7.14 状态栏中文字从中间分开显示 7.15 屏蔽掉IE自带的功能键 ...
对于一些特殊的模板，可能为了展示的更加丰富、全面会在一个页面放置很多图表。表格等内容。由于内容过多，超出了浏览器窗口的大小...这样我们就需要用到JS滚屏效果来解决，这里主要介绍在FineReport中的具体制作方法。
4、向上、向左滚动的信息（利用marquee跑马灯实现） 5、最热招聘（本页内链接） 6、页面打开时，弹出广告窗口 7、二级的横向菜单，鼠标移动一级菜单时，二级菜单显示，离开时，二级菜单隐藏；鼠标在菜单上时，...
13.5 实例三：跑马灯特效 13.6 实例四：图片淡入淡出 13.7 实例五：CSS实现PPT幻灯片 13.8 实例六：灯光效果 13.9 实例七：舞台灯光 13.10 实例八：探照灯 13.11 实例九：鼠标文字跟随 第14章...