图片上左右箭头翻页js代码

最新推荐文章于 2021-06-09 18:23:24 发布

slw8449

最新推荐文章于 2021-06-09 18:23:24 发布

阅读量627

点赞数

分类专栏： java web 文章标签： HTML

本文链接：https://blog.csdn.net/slw8449/article/details/83905363

版权

java web 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<script>
function upNext(bigimg){
	var lefturl		= '01.html';
	var righturl	= '03.html';
	var imgurl		= righturl;
	var width	= bigimg.width;
	var height	= bigimg.height;
	bigimg.οnmοusemοve=function(){
		if(event.offsetX<width/2){
			bigimg.style.cursor	= 'url(images/arr_left.cur),auto';
			imgurl				= lefturl;
		}else{
			bigimg.style.cursor	= 'url(images/arr_right.cur),auto';
			imgurl				= righturl;
		}
	}
	bigimg.οnmοuseup=function(){
		top.location=imgurl;
	}
}
</script>
<img οnmοuseοver="upNext(this)" src="images/02.jpg" />

附件为：zuo'you