简单的js实例（图片动态特性）

最新推荐文章于 2019-10-23 13:09:14 发布

BLUE_LG

最新推荐文章于 2019-10-23 13:09:14 发布

阅读量1k

点赞数

分类专栏： javascipt 文章标签： function 体育 stylesheet 娱乐活动 border

本文链接：https://blog.csdn.net/BLUE_LG/article/details/6591301

版权

本文介绍了如何使用JavaScript实现图片的单方向移动、闪烁和切换效果，以吸引网站用户的注意力。在移动效果中，通过调整setTimeout的参数控制图片移动速度。此外，提到了将display属性替换为visibility属性可以达到相同效果，但需注意position属性的设定，以避免图片覆盖文本。

摘要由CSDN通过智能技术生成

1,图片的单方向移动，引起网站用户的注意力(同时还包括了鼠标的移入onmouseover以及移出onmouseout事件)

<html>
<head>
    <title>sport</title>
	<style type="text/css">
	#ball{
	 display:none;
	}
	</style>
	<script>
	window.οnlοad=init;
	var xs=0;
	function init()
	{
	     document.getElementById("3").innerHTML += "&nbsp&nbsp&nbsp看看我改了什么 ";//从外部向html文件添加文本
	     var li=document.getElementsByTagName("li");
		 for(var j=0;j<li.length;j++){
		    li[j].style.border="1px dotted #00ff00";
			li[j].οnmοuseοver=function(){//鼠标移动到列表上方时
			       this.style.backgroundColor='blue';
				   };
		    li[j].οnmοuseοut=function(){//鼠标离开列表时，恢复原来的模样
			       this.style.backgroundColor='white';
				   };
		 }
		 var x=document.getE

最低0.47元/天解锁文章

BLUE_LG

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
简单的js实例（图片动态特性）

1,图片的单方向移动，引起网站用户的注意力(同时还包括了鼠标的移入onmouseover以及移出onmouseout事件) sport #ball{ display:none; } window.onload=init; var xs=0; f
复制链接

扫一扫

专栏目录